CSS 15 Aralık 2009

CSS Kodlamaya Giriş -4

\"css-kodlama\"Merkezi Hizalama  etiketi, bir elemanın hizalanması için çeşitli şekillerde kullanılabilir. Hemen inceleyelim. Bir elemanın diğerlerine göre yatay olarak hizalanmasını sağlamak için text-align etiketi kullanılır. Sadece metinler için kullanılmaz, diger elemanlar içinde kullanılır.

Örnek:

.center {
text-align: center;
display: block;
}

Yukarıdaki örnekte yer alan display özelliği, bir elemanı olusturan kutu tipini belirler. Bu özellik

baslangıçta blok seviyeli ve satıriçi seviyeli olarak tanımlıdır.

Yatay hizalamada, sol ve sağ kenar boşlukları otomatik olarak ayarlanır.

Dikey hizalama için ise line-height etiketi kullanılır. Bu etiket, satırlar arasındaki yüksekligi belirler. Normal, piksel veya yüzde degerlerinden birini alabilir.

Örnek:

h1 {
font-size: 3em;
height: 100px;
line-height: 100px;
}

\"3_a\"

Bu teknik ile merkeze alınmış bir elementin tam yüksekliğini belirtebilirsiniz.

Bunu da Oku:  CSS3 ile Metin Döndürme

Yazar Bilgileri

Emrah emrah19may@hotmail.com
1981 Samsun doğumlu ve Gazi Üniversitesi, Bilgisayar ve Öğretim Teknolojileri Eğitimi mezunu. Bilişim Teknolojileri Öğretmeni olarak görev yapmakta olup DMOZ Editörü, Web-Grafik Tasarımı ve SEO eğitmeni.

Yorum Yap