CSS STIL SABLONLARI - Fatih Hayrioğlu, CSS (Stil Sablonları)

Fatih Hayrioğlu, CSS (Stil Sablonları)

çindekiler 4 9.2.2. border-top-style, border-right-style, border-bottom-style, border-leftstyle ................................................

çindekiler 4 9.2.2. border-top-style, border-right-style, border-bottom-style, border-leftstyle ............................................................................................... 133 9.2.3. Kenar çizgisi genişliği (border-width).......................................... 134 9.2.4. border-top-width, border-right-width, border-bottom-width, borderleft-width ........................................................................................ 136 9.2.5. Kenar Çizgisi Rengi (border-color) ............................................. 138 9.2.6. border-top-color, border-right-color, border-bottom-color, border-leftcolor ............................................................................................... 139 9.2.7. Kenar Çizgisi (border) .............................................................. 141 9.3. Kenar Dış Boşluğu(Margin) Özellikleri .............................................. 144 9.3.1. Üst Kenar dış boşluğu (margin-top) ........................................... 144 9.3.2. Sağ kenar dış boşluğu (margin-right ) ........................................ 146 9.3.3. Alt kenar dış boşluğu (margin-bottom) ....................................... 147 9.3.4. Sol kenar dış boşluğu (margin-left) ............................................ 149 9.3.5. Kenar dış boşluğu (margin)....................................................... 151 9.4. Kenar iç boşluğu (Padding) özellikleri ............................................... 155 9.4.1. Üst kenar içi boşluğu(padding-top) ............................................ 155 9.4.2. Sağ kenar içi boşluğu(padding-right ) ......................................... 157 9.4.3. Alt kenar içi boşluğu (padding-bottom) ....................................... 158 9.4.4. Sol kenar içi boşluğu (padding-left) ............................................ 160 9.4.5. Kenar içi boşluğu (padding) ...................................................... 162 9.5. Boyut Tanımlama Özellikleri ........................................................... 165 9.5.1. Genişlik (width)....................................................................... 165 9.5.2. Yükseklik (height ) .................................................................. 166 9.5.3. Asgari genişlik ve yükseklikler (min-width, min-height)................. 168 9.5.4. Azami genişlik ve yükseklik (max-width, max-height) ................... 170 9.6. Görsel Sonuç Özellikleri ................................................................. 174 9.6.1. Taşma (Overflow).................................................................... 174 9.6.2. Kırpma (clip) .......................................................................... 182 9.6.3. Görünürlük (visibility) .............................................................. 185 10. Yüzen kutu ve Konumlandırma Özellikleri ............................................. 190 10.1. Yüzen kutu özellikleri ................................................................... 190 10.1.1. float özelliği ......................................................................... 190 10.1.2. clear özeliği .......................................................................... 193 10.2. Konumlandırma Özellikleri ............................................................ 195

  1. Quisque volutpat.
  2. Curabitur feugiat
  3. Sapien a laoreet mollis
Internet Explorer 7 ve alt sürümlerinde ar

  • 8. Listeleme Özellikleri 124 8.2. Liste imleyici resmi (list-style-image) Yapısı: list-style-image: Aldığı Değerler: | none | inherit Başlangıç değeri: none Uygulanabilen elemanla

  • 8. Listeleme Özellikleri 125 Internet Explorer 7 ve alt sürümlerinde float uygulanmış liste elemanının list-style-image ile atanmış işaretleri görünmez. Tarayıcı Uyumu: Internet Explorer 4+ Fire

  • 8. Listeleme Özellikleri 126 Örnek 8-3 8. Listeleme Özellikleri 127 Tarayıcı Uyumu: Internet Explorer 4+ Firefox 1+ Safari 1.3+ Opera 3.6+ CSS 1+ 8.4. Liste biçemi (list-style) Yapısı: list-style: Aldığı Değerler:

  • 8. Listeleme Özellikleri 128 Tarayıcı Uyumu: Internet Explorer 4+ Firefox 1+ Safari 1.3+ Opera 3.6+ CSS 1+ Yukarıdaki özellikler genel bir bilgi vermesi açısından anlatılmıştır. Günüm

  • 9. Kutu Modeli Özellikleri 129 9. Kutu Modeli Özellikleri CSS tüm HTML elemanlarını bir dikdörtgen kutu içine konmuş varsayarak ona göre pozisyonları ve boyutlarını kontrol eder. Bu elemanlar h

  • 9. Kutu Modeli Özellikleri 130 kenar içi boşluğu değerleri, üst-alt kenar çizgisi değerleri ve içerik alanı yüksekliği toplamı yükseklik değerini oluşturur. Kutu modelinin iki elemanı bulunur. B

  • 9. Kutu Modeli Özellikleri 131 Kenar çizgisi (Border): Elemanın kenar çizgilerini gösterir. Kenar dışı boşluğu (Margin): Elemanın kenar dışı boşluklarıdır. Sırası ile bu özellikleri inceleyelim.

  • 9. Kutu Modeli Özellikleri 132 9. Kutu Modeli Özellikleri 133 Tarayıcı Uyumu: Internet Explorer 4+ Firefox 1+ Safari 1.3+ Opera 3.6+ CSS 1+ 9.2.2. border-top-style, border-right-style, border-bottom-style, border-left-styl

  • 9. Kutu Modeli Özellikleri 134 Tarayıcı Uyumu: Internet Explorer 6+ Firefox 1+ Safari 1.3+ Opera 3.6+ CSS 1+ 9.2.3. Kenar çizgisi genişliği (border-width) Yapısı: border-width: Aldığ

  • 9. Kutu Modeli Özellikleri 135 Uzunluk: Kenar çizgisi kalınlığı doğrudan belirtilen (göreli olmayan/hesaplanmayan) bir değerdir ve negatif olamaz. Örnek 9-3

  • 9. Kutu Modeli Özellikleri 136 Tarayıcı Uyumu: Internet Explorer 4+ Firefox 1+ Safari 1.3+ Opera 3.6+ CSS 1+ 9.2.4. border-top-width, border-right-width, border-bottom-width, border-left-widt

  • 9. Kutu Modeli Özellikleri 137 Kutu Modeli Özellikleri