DERSLER
CSS KATMAN ÖZELLİKLERİ
POSİTİON : Katmanın yerinin belirlenmesini sağlar.
ABSOLUTE : Katmanın yerinin pencere esas alınarak belirlenmesini sağlar.
RELATİVE : Katmanın yerinin bir önceki katman esas alınarak belirlenmesini sağlar.
STATİC : Katmanın yerinin sabit olarak (Varsayılan olan sol üst köşe) belirlenmesini sağlar.
TOP : Katmanın üstten ne kadar aşağıda olması gerektiğini belirler.
LEFT : Katmanın soldan ne kadar içeride olması gerektiğini belirler.
WİDTH : Katmanın genişliğinin ne kadar olacağını belirler.
HEİGHT : Katmanın yüksekliğinin ne kadar olacağını belirler.
OVERFLOW : Katmanın belirtilen yükseklik ve genişliğe sığmayan kısmına ne olacağını belirler.
AUTO: Otomatik olarak belirlenir.
SCROOL : Kaydırma çubuğu ekleyerek görünmesini sağlar.
VİSİBLE : Katmanı belirtilen boyutların dışına taşırarak sığmayan yerlerin görünmesini sağlar.
HİDDEN : Sığmayan yerleri gizler.
VİSİBİLİTY : Katmanın görünebilirlik ayarını yapar.
VİSİBLE : Katmanın görünür olmasını sağlar.
HİDDEN : Katmanı gizler.
Z-İNDEX: Katmanların alttan üste doğru hangi sıra ile gösterileceğini belirler.1 değeri katmanın en altta olacağını belirtir.
Css Background (arkaplan) Özellikleri
background-color: Zeminin rengini belirler.
#COLOR: Renk adı.
TRANSPARENT: Zeminin saydam olmasını sağlar.
BACKGROUND-İMAGE: Zemine resim yerleştirilmesini sağlar.
URL: Zemine yerleştirilen resmin adresi.
BACKGROUND-REPEAT: Zemine yerleştirilen resmin nasıl yayılacağını belirler.
REPEAT : Resmin bütün zemine yayılmasını sağlar.
REPEAT-X : Resmin sol-üstten sağ-üste doğru yayılmasını sağlar.
REPEAT-Y : Resmin sol-üstten sol-alta doğru yayılmasını sağlar.
NO-REPEAT: Resmin yayılmadan orjinal boyutuyla görünmesini sağlar.
BACKGROUND-ATTACHMENT: Zemindeki resmin , sayfa kaydırma çubuğuyla hareket ettirildiğindeki durumunu belirler.
SCROLL : Sayfa hareket ettirildiğinde zeminin de kaymasını sağlar.
FİXED: Sayfa kaydırılsa da zeminin sabit kalmasını sağlar
BACKGROUND-POSİTİON: Zemindeki resmin istenilen şekilde yerleştirilmesini sağlar.
TOP : Resmi yukarı yerleştirir.
CENTER : Resmi ortalar.
BOTTOM : Resmi aşağı yerleştirir.
LEFT : Resmi sola yerleştirir.
RİGHT: Resmi sağa yerleştirir.
...PX : Resmin soldan istenilen ölçüde içerde olmasını sağlar
Css Tablo Özellikleri
MARGİN : Tablo ile pencerenin kenarları arasında bırakılacak boşluğu belirler.
MARGİN-TOP : Tablo ile pencerenin üst kenarı arasında bırakılacak boşluğu belirler.
MARGİN-RİGHT : Tablo ile pencerenin sağ kenarı arasında bırakılacak boşluğu belirler.
MARGİN-TOP : Tablo ile pencerenin alt kenarı arasında bırakılacak boşluğu belirler.
MARGİN-LEFT : Tablo ile pencerenin sol kenarı arasında bırakılacak boşluğu belirler.
PADDİNG : Tablo kenarları ile tablo içeriği (Yazı vb.) arasında bırakılacak boşluğu belirler.
PADDİNG-TOP : Tablonun üst kenarı ile tablo içeriği arasında bırakılacak boşluğu belirler.
PADDİNG-RİGHT: Tablonun sağ kenarı ile tablo içeriği arasında bırakılacak boşluğu belirler.
PADDİNG-BOTTOM : Tablonun alt kenarı ile tablo içeriği arasında bırakılacak boşluğu belirler.
PADDİNG-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-RİGHT : Tablonun sağ kenarının şekillendirilmesini sağlar.
BORDER-WİDTH: Tablonun kenarlarının kalınlığını belirler.
BORDER-TOP-WİDTH: Tablonun üst kenarının kalınlığını belirler.
BORDER-RİGHT-WİDTH: Tablonun sağ kenarının kalınlığını belirler.
BORDER-BOTTOM-WİDTH: Tablonun alt kenarının kalınlığını belirler.
BORDER-LEFT-WİDTH : 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-RİGHT-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-RİGHT-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.
WİDTH: Tablonon genişliğini belirler.
HEİGHT: 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.
Css Metin Özellikleri
WORD-SPACİNG: Kelimeler arasında bırakılacak boşluğu boşluğu belirler.
LETTER-SPACİNG : Harfler arasında bırakılacak boşluğu boşluğu belirler.
TEXT-DECORATİON: Kelimenin altının , üstünün vs. çizili olup olmayacağını belirler.
UNDERLİNE: Kelimenin altının (Satır altından) çizili olmasını sağlar.
OVERLİNE: Kelimenin üstünün (Satır üstünden) çizili olmasını sağlar.
LİNE-THROUGHT: Kelimenin ortasından çizili olmasını sağlar.
BLİNK: Kelimenin yanıp sönmesini sağlar.(Netscape için)
VECTİRAL-ALİGN: Metnin yatay olarak nasıl hizalanacağını belirler.
TEXT-TRANSFORM: Kelimelerin büyük harf veya küçük harflerden oluşmasını sağlar.
CAPİTALİZE : Kelimelerin ilk harflerinin büyük olmasını sağlar.
UPPERCASE: Kelimelerin bütün harflerinin büyük olmasını sağlar.
LOWERCASE: Kelimelerin bütün harflerinin küçük olmasını sağlar.
NONE: Kelimelerin orjinal metindeki gibi olmasını sağlar.
TEXT-AİLGN: Metnin dikey olarak nasıl hizalanacağını belirler.
LEFT : Metni sola yaslar.
RİGHT: Metni sağa yaslar.
CENTER: Metni ortalar.
JUSTİFY: Metni iki yana yaslar.
TEXT-İNDENT: Metnin ilk satırının soldan ne kadar içerden başlayacağını belirler.
LİNE-HEİGHT : Satırın yüksekliğini ayarlar.(Yüksek değer verildiğinde satırlar arasındaki boşluk artar.)
FİRST-LİNE: Metnin ilk satırının biçimlendirilmesini sağlar.
FİRST-LETTER: Metnin ilk harfinin biçimlendirilmesini sağlar
Css Font Özellikleri
FONT-FAMİLY: Yazı türünü belirler.(Arial , Verdana gibi.).
FONT-STYLE: Yazının normal veya sağa eğik olmasını sağlar.
FONT-VARİANT: Yazının normal veya tümünün büyük harflerden oluşmuş olmasını sağlar.
FONT-WEİGHT: Yazının kalınlık-inceliğini belirler.
FONT-SİZE: Yazının büyüklüğünü belirler.
Css Link Özellikleri
a : Linkin, sayfa açıldığında tıklanmadan veya ümleç üzerine getirilmeden önceki durumudur.
a:hover : Linkin imleç üzerine getirildiğindeki durumudur.
a:active : Linkin tıklandığı andaki durumudur.
a:visited : Linkin tıklandıktan sonraki durumudur.
BİÇİMLENDİRME:
COLOR: Linkin rengini belirler.
BACKGROUND-COLOR : Linkin zemin rengini belirler.
BACKGROUND-İMAGE: Linkin zeminine resim ekler(Bu animated-gif de olabilir.)
TEXT-DECORATİON: Linkin altının,üstünün vs. çizgili olup olmayacağını belirler.
FONT-WEİFHT: Yazının kalınlık veya inceliğini belirler.
BORDER: Linkin etrafına kenarlık ekler.
DİSPLAY: Linki içeren hücre , satır vb. istenilen alanın seçilmesini sağlar.
NOT : Yukarıda kullanılabilecek birkaç parametre örnek verilmiştir.Ancak "font" , "text" , table" vs. için kullanılabilen pek çok parametre "a" için de kullanılabilir.Gerisi biraz da insanın yaratıcılığına kalıyor.
Sarahbil.tr.gg