Blackinci » CSS » CSS Display Özellikleri
 (Oy Verenler: 16)
CSS Display Özellikleri
293 Kere Okunmuş EkleBunu Sosyal Paylaşım Butonu CSS blackinci 8 Nisan 2008 Haberi Yazdır
CSS Display Özellikleri

Display css de çok amaçlı kullanılan bir koddur haliyle tasarım yaparkende çok işimize yarar genel olarak bilinen inline, block ve none vardır ama display sadece bunlardan ibaret değildir fakat diğer özelliklerinin bir çoğu malesef tarayıcılar tarafından desteklenmemektedir bu yüzden bize gereken özellikle kalın harf yazdığım kodlardır ama diğerlerinede göz atalım

img {display: none}
yukarıdaki kodumuz herhan gibi bir nesneyi görünmez yapar yani gizler

span {display: block}
üstteki kodumuz bir nesneyi blok haline getiri nesnelerin satır atlamasını sağlar

p {display: inline}
üstteki kodumuz satır atlamadan yan yana sıralama yapar

li {display: list-item}
üstteki kodumuz bir elementi liste gibi sıralar listelerde kullanılır ama başka nesnelerdede kullanılabilir

h3 {display: run-in}
üstteki kodumuz satır bitişinin en üstüne taşır ama tarayıcılarda çok fark gösteriyor

dt {display: compact}
üstteki kodumuz css2.1 de kaldırıldı

strong {display: marker}
üstteki kodumuz css2.1 de kaldırıldı

TABLO alttaki kodlarımız tablo için kullanılıyor
table {display: table}
table {display: inline-table}
tbody {display: table-row-group}
thead {display: table-header-group}
tfoot {display: table-footer-group}
tr {display: table-row}
colgroup {display: table-column-group}
col {display: table-column}
th {display: table-cell}
caption {display: table-caption}


Bu Konuda 4 Yorum Yapılmış
Bu Konuda 4 Yorum Yapılmış

Hocam bu çok işime yaradı ellerine sağlık,iyiki varsınız.Sayenizde kod yazar olduk yaw :)

<div class="navbg">
<div id="navcontainer">
<ul id="navlist">

hocam css kullanarak html de navcontainer üzerinde navlist yazdırmak istiyorum (sitenizdeki 'en son yorumlar' yazısındaki zemin rengi 'ul', her kelimeyi de bir 'li' olarak yazdırmak gibi düşünebilirsiniz). css de yazdığım kod firefox ve oprada düzgün çalışıyor
#navcontainer ul li { display: inline; }...
ancak explorer da hatalı gösteriyor. acaba sorun neden kaynaklanıyor. baya bi uğraştım explorer da düzgün görüntüyü yakalayamadım.
ilginiz için şimdiden teşekkür ederim...

inline yatay olarark sıralama yapar eğer son yorumlar gibi olsun istiyorsanız display: block olarak atarsanız dikey olarak sıralayabilirsiniz

black şahane bi site olmuş.. konuda anlattığın olay hoşuma gitti =) hayırlı olsun kolay gelsin =)

Yorum Ekle
Yorum Ekle

Zorunlu
Zorunlu Değil
 
 
Kontrol Paneli
Kullanıcı Adınız
Şifreniz
Şifremi UnuttumKayıt Ol!
Kategoriler
Takvim
«    Ağustos 2008    »
PtSaÇrPrCuCtPz
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
Anket
Sizin şampiyonunuz kim ?

Galatasaray
Fenerbahçe
Beşiktaş
Trabzonspor
En Çok Okunanlar
Dost Siteler
Arşiv
En Son Yorumlar
Yazan:
konu: Border Çizgi Stilleri
Yazan:
konu: blackinci 1 (MD V3)
Yazan:
konu: blackinci 1 (MD V3)
Rss İstatistikler İletişim Üste Git Copyright © 2008 DLE Blackinci Edition