CSS tüm kodlari

18.02.2017

Bazi CSS taglari ve açiklamalari

Css i yeni ögrenenler için bazi taglarin özellikleri

LINK ÖZELLIKLERI

a: Linkin, sayfa açildiginda tiklanmadan veya imleç üzerine getirilmeden önceki durumudur.
a:hover : Linkin imleç üzerine getirildigindeki durumudur.
a:active : Linkin tiklandigi andaki durumudur.
a:visited : Linkin tiklandiktan sonraki durumudur.BIÇIMLENDIRME:
color: Linkin rengini belirler.
background-color: Linkin zemin rengini belirler.
background-image: Linkin zeminine resim ekler(Bu animated-gif de olabilir.)
text-decoration: Linkin altinin,üstünün vs. çizgili olup olmayacagini belirler.
font-weight: Yazinin kalinlik veya inceligini belirler.
border: Linkin etrafina kenarlik ekler.
display: Linki içeren hücre , satir vb. istenilen alanin seçilmesini saglar.

LISTE ÖZELLIKLERI

disk: Liste biçiminin disk (içi dolu daire) seklinde olmasini saglar.
circle : Liste biçiminin çember seklinde olmasini saglar.
square : Liste biçiminin kare olmasini saglar.
decimal : Liste biçiminin rakamlardan olusmasini saglar.
lower-roman : Liste biçiminin i,ii,iii gibi küçük roma rakamlarindan olusmasini saglar.
upper-roman : Liste biçiminin I,II,II gibi büyük roma rakamlarindan olusmasini saglar.
lower-alpha : Liste biçiminin a,b,c seklinde küçük harf olmasini saglar.
upper-alpha : Liste biçiminin A,B,C seklinde büyük harf olmasini saglar.
none : Listenin simgesiz olmasini saglar.
inside : Listenin ikinci satirinin en soldan baslamasini saglar.
Outside : Listenin ikinci satirinin ilk satir ile ayni yerden baslamasini saglar.
list-style-image : Liste biçiminin resim olmasini saglar.

KATMAN ÖZELLIKLERI

position: Katmanin yerinin belirlenmesini saglar.
absolute: Katmanin yerinin pencere esas alinarak belirlenmesini saglar.
relative: Katmanin yerinin bir önceki katman esas alinarak belirlenmesini saglar.
static: Katmanin yerinin sabit olarak (Varsayilan olan sol üst köse) belirlenmesini saglar.
top: Katmanin üstten ne kadar asagida olmasi gerektigini belirler.
left: Katmanin soldan ne kadar içeride olmasi gerektigini belirler.
width: Katmanin genisliginin ne kadar olacagini belirler.
height: Katmanin yüksekliginin ne kadar olacagini belirler.
overflow: Katmanin belirtilen yükseklik ve genislige sigmayan kismina ne olacagini belirler.
auto: Otomatik olarak belirlenir.
scroll: Kaydirma çubugu ekleyerek görünmesini saglar.
visible : Katmani belirtilen boyutlarin disina tasirarak sigmayan yerlerin görünmesini saglar.
hidden: Sigmayan yerleri gizler.
visibility: Katmanin görünebilirlik ayarini yapar.
visible : Katmanin görünür olmasini saglar.
hidden: Katmani gizler.
z-index : Katmanlarin alttan üste dogru hangi sira ile gösterilecegini belirler.1 degeri katmanin en altta olacagini belirtir.

FONT ÖZELLIKLERI

font-family: Yazi türünü belirler.(Arial , Verdana gibi.)
font-style: Yazinin normal veya saga egik olmasini saglar.
font-variant: Yazinin normal veya tümünün büyük harflerden olusmus olmasini saglar.
font-weight: Yazinin kalinlik-inceligini belirler.
font-size: Yazinin büyüklügünü belirler.

TEXT ÖZELLIKLERI

word-spacing : Kelimeler arasinda birakilacak boslugu boslugu belirler.
letter-spacing : Harfler arasinda birakilacak boslugu boslugu belirler.
text-decoration : Kelimenin altinin , üstünün vs. çizili olup olmayacagini belirler.
underline : Kelimenin altinin (Satir altindan) çizili olmasini saglar.
overline : Kelimenin üstünün (Satir üstünden) çizili olmasini saglar.
line-through : Kelimenin ortasindan çizili olmasini saglar.
blink : Kelimenin yanip sönmesini saglar.(Netscape için)
vertical-align : Metnin yatay olarak nasil hizalanacagini belirler.
text-transform: Kelimelerin büyük harf veya küçük harflerden olusmasini saglar.
capitalize : Kelimelerin ilk harflerinin büyük olmasini saglar.
uppercase : Kelimelerin bütün harflerinin büyük olmasini saglar.
lowercase : Kelimelerin bütün harflerinin küçük olmasini saglar.
none : Kelimelerin orjinal metindeki gibi olmasini saglar.
text-align: Metnin dikey olarak nasil hizalanacagini belirler.
left : Metni sola yaslar.
right : Metni saga yaslar.
center : Metni ortalar.
justify : Metni iki yana yaslar.
text-indent : Metnin ilk satirinin soldan ne kadar içerden baslayacagini belirler.
line-height : Satirin yüksekligini ayarlar.(Yüksek deger verildiginde satirlar arasindaki bosluk artar.)
first-line : Metnin ilk satirinin biçimlendirilmesini saglar.
first-letter : Metnin ilk harfinin biçimlendirilmesini saglar.

IMLEÇ ÖZELLIKLERI

crosshair: Imlecin arti isareti seklinde olmasini saglar.
auto: Imlecin metinde dikey çizgi ,bos alanda normal ok seklinde olmasini saglar.
default: Imlecin hem metinde hem de bos alanda normal ok seklinde olmasini saglar.
hand: Imlecin linkte oldugu gibi el seklinde olmasini saglar.
move: Imlecin tasima isareti seklinde olmasini saglar.
ne-resize: Imlecin saga yatik normal ok olmasini saglar.
nw-resize: Imlecin sola yatik normal ok olmasini saglar.
se-resize: Imlecin yukardan asagi dogru ve saga yatik normal ok olmasini saglar.
sw-resize: Imlecin yukardan asagi dogru ve sola yatik normal ok olmasini saglar.
n-resize: Imlecin asagidan yukariya dogru ince ok seklinde olmasini saglar.
s-resize: Imlecin yukardan asagi dogru ince ok seklinde olmasini saglar.
w-resize: Imlecin sola dogru ince ok seklinde olmasini saglar.
e-resize: Imlecin saga dogru ince ok seklinde olmasini saglar.
text: Imlecin hem metinde hem de bos alanda metinde oldugu gibi görünmesini saglar.
wait: Imlecin mesgul animasyonuna dönüsmesini saglar.
help: Imlecin yardim-soru isaretine dönüsmesini saglar

ZEMIN ÖZELLIKLERI

background-color: Zeminin rengini belirler.
#color : Renk adi.
transparent: Zeminin saydam olmasini saglar.
background-image: Zemine resim yerlestirilmesini saglar.
url : Zemine yerlestirilen resmin adresi.
background-repeat: Zemine yerlestirilen resmin nasil yayilacagini belirler.
repeat : Resmin bütün zemine yayilmasini saglar.
repeat-x : Resmin sol-üstten sag-üste dogru yayilmasini saglar.
repeat-y : Resmin sol-üstten sol-alta dogru yayilmasini saglar.
no-repeat: Resmin yayilmadan orjinal boyutuyla görünmesini saglar.
background-attachment: Zemindeki resmin , sayfa kaydirma çubuguyla hareket ettirildigindeki durumunu belirler.
scroll : Sayfa hareket ettirildiginde zeminin de kaymasini saglar.
fixed: Sayfa kaydirilsa da zeminin sabit kalmasini saglar
background-position: Zemindeki resmin istenilen sekilde yerlestirilmesini saglar.
top : Resmi yukari yerlestirir.
center : Resmi ortalar.
bottom : Resmi asagi yerlestirir.
left : Resmi sola yerlestirir.
right: Resmi saga yerlestirir.
…px : Resmin soldan istenilen ölçüde içerde olmasini saglar.

TABLO ÖZELLIKLERI

margin : Tablo ile pencerenin kenarlari arasinda birakilacak boslugu belirler.
margin-top : Tablo ile pencerenin üst kenari arasinda birakilacak boslugu belirler.
margin-right : Tablo ile pencerenin sag kenari arasinda birakilacak boslugu belirler.
margin-bottom : Tablo ile pencerenin alt kenari arasinda birakilacak boslugu belirler.
margin-left : Tablo ile pencerenin sol kenari arasinda birakilacak boslugu belirler.

padding : Tablo kenarlari ile tablo içerigi (Yazi vb.) arasinda birakilacak boslugu belirler.
padding-top : Tablonun üst kenari ile tablo içerigi arasinda birakilacak boslugu belirler.
padding-right : Tablonun sag kenari ile tablo içerigi arasinda birakilacak boslugu belirler.
padding-bottom : Tablonun alt kenari ile tablo içerigi arasinda birakilacak boslugu belirler.
padding-left : Tablonun sol kenari ile tablo içerigi arasinda birakilacak boslugu belirler.

border : Tablonun kenarlarinin sekillendirilmesini saglar.

border-top : Tablonun üst kenarinin sekillendirilmesini saglar.
border-left : Tablonun sol kenarinin sekillendirilmesini saglar.
border-bottom : Tablonun alt kenarinin sekillendirilmesini saglar.
border-right : Tablonun sag kenarinin sekillendirilmesini saglar.

border-width : Tablonun kenarlarinin kalinligini belirler.
border-top-width : Tablonun üst kenarinin kalinligini belirler.
border-right-width : Tablonun sag kenarinin kalinligini belirler.
border-bottom-width : Tablonun alt kenarinin kalinligini belirler.
border-left-width : Tablonun sol kenarinin kalinligini belirler.

border-style : Tablonun kenarlik türünü belirler.
border-top-style : Tablonun üst kenarlik türünü belirler.
border-right-style : Tablonun sag kenarlik türünü belirler.
border-bottom-style : Tablonun alt kenarlik türünü belirler.
border-left-style : Tablonun sol kenarlik türünü belirler.

border-color : Tablonun kenarlarinin rengini belirler.
border-top-color : Tablonun üst kenarinin rengini belirler.
border-right-color : Tablonun sag kenarinin rengini belirler.
border-bottom-color : Tablonun alt kenarinin rengini belirler.
border-left-color : Tablonun sol kenarinin rengini belirler.

color : Tabloda geçen metnin rengini belirler.

width : Tablonon genisligini belirler.

height : Tablonun yüksekligini belirler.

NOT: Baslik “TABLO” olarak verildi Ancak bu nitelikler basta TD, TR , TH vs. olmak üzere hemen her etiket için kullanilabilir.CSS’ yi özel kilan da zaten bu

KAYDIRMA ÇUBUGU ÖZELLIKLERI

scrollbar-face-color : Kaydirma çubugunun yüzey rengi , ayni zamanda zemini de etkiliyor.
scrollbar-base-color : Kaydirma çubugununun sol ve üst kenarliklarini çizgi halinde kapliyor.
scrollbar-shadow-color : Sag ve alt kenarliklarin gölge rengi.
scrollbar-highlight-color : Sol ve üst kenarliklarin gölge rengi,ayni zamanda zemini de etkiliyor.
scrollbar-arrow-color : Yön oklarinin rengi

 



Adınız Soyadınız
İçerik
Son Eklenenler Konular
  • E-Ticaret çalismasi Satis sitesi
  • 2017-2018 Normal Ögretim Konu Anlatim Listesi
  • Asp Net- Veritabani Olusturma ve GridView Ekleme Kayit
  • Asp Net-Master page ile admin paneli
  • Vize 2 Mesleki Yabanci Dil 1
  • Vize 2 için Ag temelleri
  • Vize2 Internet Programciligi I
  • Vize 2 için ödev listesi- Programlamanin Temelleri
  • Programlamanin Temelleri Akis Diyagramlari Örnekleri
  • Bilgisayar Aglari-Ag Temelleri
  • Bilgisayar Mesleki Yabanci Dil Dersi Için Kelimeler 1
  • 2015-2016 Staj Kabul Listesi
  • 2016-2017 Yaz Staji Yapacaklarin Listesi
  • ASP NET ile veritabanindaki alani gösterirken kisaltarak görüntüleme
  • ASP NET - Plesk ile veritabani olusturma ve MS SQL veritabani olusturma islemleri
  • Dreamveaver
  • ASP Net
  • CSS
  • Html
  • Visual Studio C# ve C Console
  • Programlamanin Temelleri-Algoritma
  • Mesleki Yabancı Dil
  • Windows Server 2012
  • Ag Temelleri-Bilgisayar Aglari
  • Staj
  • Copyright (c) Ferdi DOĞAN