CanerÇa
  CSS Tablo Dersleri
 
 CSS Tablo Özellikleri

crosshair : İmlecin artı işareti şeklinde olmasını sağlar.

auto : İmlecin metinde dikey çizgi ,boş alanda normal ok şeklinde olmasını sağlar.

default : İmlecin hem metinde hem de boş alanda normal ok şeklinde olmasını sağlar.

hand : İmlecin linkte olduıu gibi el şeklinde olmasını sağlar.

move : İmlecin taşıma işareti şeklinde olmasını sağlar.

ne-resize : İmlecin sağa yatık normal ok olmasını saılar.

nw-resize : İmlecin sola yatık normal ok olmasını saılar.

se-resize : İmlecin yukardan aşağı doğru ve sağa yatık normal ok olmasını sağlar.

sw-resize : İmlecin yukardan aşağı doğru ve sola yatık normal ok olmasını sağlar.

n-resize : İmlecin aşaığıdan yukarıya doğru ince ok şeklinde olmasını sağlar.

s-resize : İmlecin yukardan aşağı doğru ince ok şeklinde olmasını sağlar.

w-resize : İmlecin sola doğru ince ok şeklinde olmasını sağlar.

e-resize : İmlecin sağa doğru ince ok şeklinde olmasını sağlar.

text : İmlecin hem metinde hem de boş alanda metinde olduıu gibi görünmesini saılar.

wait : İmlecin meşgul animasyonuna dönüşmesini saılar.

help : İmlecin yardım - soru işaretine dönüşümCSS TABLO ÖZELLİKLERİ


margin : Tablo ile pencerenin kenarları arasında bırakılacak boşluğu belirler.

margin-top : Tablo ile pencerenin üst kenarı arasında bırakılacak boşluğu belirler.

margin-right : Tablo ile pencerenin sağ kenarı arasında bırakılacak boşluğu belirler.

margin-bottom : Tablo ile pencerenin alt kenarı arasında bırakılacak boşluğu belirler.

margin-left : Tablo ile pencerenin sol kenarı arasında bırakılacak boşluğu belirler.


padding : Tablo kenarları ile tablo içeriği (Yazı vb.) arasında bırakılacak boşluğu belirler.

padding-top : Tablonun üst kenarı ile tablo içeriği arasında bırakılacak boşluğu belirler.

padding-right : Tablonun sağ kenarı ile tablo içeriği arasında bırakılacak boşluğu belirler.

padding-bottom : Tablonun alt kenarı ile tablo içeriği arasında bırakılacak boşluğu belirler.

padding-left : Tablonun sol kenarı ile tablo içeriği arasında bırakılacak boşluğu belirler.


border : Tablonun kenarlarının şekillendirilmesini sağlar.

border-top : Tablonun üst kenarının şekillendirilmesini sağlar.

border-left : Tablonun sol kenarının şekillendirilmesini sağlar.

border-bottom : Tablonun alt kenarının şekillendirilmesini sağlar.

border-right : Tablonun sağ kenarının şekillendirilmesini sağlar.


border-width : Tablonun kenarlarının kalınlığını belirler.

border-top-width : Tablonun üst kenarının kalınlığını belirler.

border-right-width : Tablonun sağ kenarının kalınlığını belirler.

border-bottom-width : Tablonun alt kenarının kalınlığını belirler.

border-left-width : Tablonun sol kenarının kalınlığını belirler.


border-styleTablonun kenarlık türünü belirler.

border-top-styleTablonun üst kenarlık türünü belirler.

border-right-styleTablonun sağ kenarlık türünü belirler.

border-bottom-styleTablonun alt kenarlık türünü belirler.

border-left-styleTablonun sol kenarlık türünü belirler.


border-color : Tablonun kenarlarının rengini belirler.

border-top-color : Tablonun üst kenarının rengini belirler.

border-right-color : Tablonun sağ kenarının rengini belirler.

border-bottom-color . Tablonun alt kenarının rengini belirler.

border-left-color : Tablonun sol kenarının rengini belirler.


color : Tabloda geçen metnin rengini belirler.

width : Tablonon genişliğini belirler.

height : Tablonun yüksekliğini belirler.

clear

float

NOT : Başlık "TABLO" olarak verildi Ancak bu nitelikler başta TD , TR , TH vs. olmak üzere hemen her etiket için kullanılabilir.CSS' yi özel kılan da zaten bu...

NOT:Yukarıda görüldüğü gibi kenarlıklar istenirse tek bir paramatre ile veya daha ayrıntılı bir şekillendirme yapmak istiyorsak birden çok parametre ile şekillendirilebilir.Örneğin bütün kenarlar için aynı ayarların (Renk , kalınlık , kenarlık türü) kullanılmasını istiyorsak : " border : 1px solid black " şeklinde bir defada biçimlendirme yapabiliriz. Ayrıntılı biçimlendirme içinse üst , sağ, alt ve solun renk , kalınlık ve kenarlık türü için ayrı ayrı parametreler kullanılabilir.
 
 
REALIST Artik Kalite Kazaniyor!
 
  Bugün 289 ziyaretçi (360 klik) kişi burdaydı!  
 
Bu web sitesi ücretsiz olarak Bedava-Sitem.com ile oluşturulmuştur. Siz de kendi web sitenizi kurmak ister misiniz?
Ücretsiz kaydol