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

çindekiler 3 5.3. Yazıtipi boyutu (font-size) ............................................................... 78 5.4. Yazıtipi kalınlığı (font-w

çindekiler 3 5.3. Yazıtipi boyutu (font-size) ............................................................... 78 5.4. Yazıtipi kalınlığı (font-weight) .......................................................... 80 5.5. Yazıtipi biçemi (font-style) .............................................................. 82 5.6. Yazıtipi farklılıkları (font-variant) ...................................................... 84 5.7. Yazıtipi (font) ................................................................................ 85 6. Metin(Text) Özellikleri .......................................................................... 88 6.1. Metin Girintileme (text-indent)......................................................... 88 6.2. Metin hizalama (text-align) ............................................................. 90 6.3. Dikey hizalama (vertical-align) ........................................................ 91 6.4. Satırlar arası yükseklik (line-height) ................................................. 93 6.5. Sözcükler arası mesafe (word-spacing) ............................................. 95 6.6. Harfler arası mesafe (letter-spacing) ................................................ 97 6.7. Harf Büyüklüğü (text-transform) ...................................................... 99 6.8. Satırın altını, üstünü, ortasını çizme ve yanıp sönme (text-decoration) . 101 6.9. Metin gölgelendirme (text-shadow) ................................................. 103 6.10. Boşlukların korunması (white-space).............................................. 104 6.11. Metin yazma yönü(direction) ........................................................ 105 6.12. Çok yönlülük algoritması (unicode-bidi) özelliği ............................... 107 7. Artalan (Background) Özellikleri ........................................................... 109 7.1. Artalan rengi (background-color) .................................................... 109 7.2. Artalan resmi (background-image ) ................................................. 111 7.4. Artalan resim bağlılığı (background-attachment) ............................... 114 7.5. Artalan resmi konumu (background-position) .................................... 116 7.6. Artalan (background) .................................................................... 118 8. Listeleme Özellikleri ............................................................................ 121 8.1. Liste imleyici tipi (list-style-type ) ................................................... 121 8.2. Liste imleyici resmi (list-style-image) ............................................... 124 8.3. Liste imleyici konumu (list-style-position) ......................................... 125 8.4. Liste biçemi (list-style) .................................................................. 127 9. Kutu Modeli Özellikleri ......................................................................... 129 9.1. Genel Tanımlar ............................................................................. 130 9.2. Kenarlık Çizgisi(Border) Özellikleri ................................................... 131 9.2.1. Kenar çizgisi biçemi (border-style) ............................................. 131

  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