Ana Sayfa / Kodlama Dilleri / Table Kodlamalarındaki Özellikler

Table Kodlamalarındaki Özellikler

Table Koduna Eklenebilen Özellikler…

Html yazılımında “table” kodlaması ile sitenizde tablolar oluşturabilirsiniz. Yalnız css ile ekleme yapmadan oluşturacağınız tablolar sade görünümlü olacaktır. Oysa bu tablolara biraz css yardımı ile farklı görünümler katmak mümkündür. Öncelikle aşağıda verdiğimiz tanımlamaları inceleyelim.

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-style : Tablonun kenarlık türünü belirler.
border-top-style : Tablonun üst kenarlık türünü belirler.
border-right-style : Tablonun sağ kenarlık türünü belirler. border-bottom-style : Tablonun alt kenarlık türünü belirler.
border-left-style : Tablonun 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.

Bu tanımlamalar sayesinde tablonuza farklı görünümler kazandırabilirsiniz. Bu kodlamaları kullanmak için yapabileceğiniz iki yöntem vardır. İlk yöntem de hazırladığınız tabloya class bilgisi verir ve bu class tanımlamasına ait özellikleri css’de yukarıdaki tanımlamalar ile belirtirsiniz. Diğer yöntem de ise tabloyu oluşturduğunuzda “table” kodlamasından hemen sonra yukarıdaki tanımlamaları kullanarak html dizini şeklinde yazabilirsiniz. İki yöntemde de kullanacağınız tanımlamaya göre renk ise renk kodlarını, ölçüm ise ölçü kodlarını px (piksel) değerinde yazmayı unutmayınız.

Yorum Yazın

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir