Dreamweaver ile CSS Uygulamaları (Box Kategorisi)
width : Nesnelerin genişliği buradan ayarlanabilir. Auto değerini alırsa nesne kendi boyutlarında görüntülenir. Farklı bir değer ile nesnelerin boyutları değiştirilebilir.
height : Nesnelerin boyu buradan belirlenebilir.
float : Nesnelerin hizalaması. Mesela bir nesneyi sola hizalamak için float:left şeklinde biçimlendirme verirsiniz. Örnek olarak 3 tane resmi sayfada alt alta yerleştirdiniz. En üstteki nesneye float:left uygularsanız; bir alttaki üste çıkarak en üsttekinin sağına geçer. Çünkü sola hizaladığınız nesne aynı zamanda kendinden sonraki nesneninde soluna hizalanmıştır. Bu nedenle bir sonraki nesnenin soluna geçmiş olur. Alt alta nesnelerin hepsine left verilirse hepsi en üstte yan yana dizilirler.
Aynı şekilde float:left değeride hem nesneyi sağa hizalar hem de kendinden sonraki nesneye göre sağda bulunur.
Clear : Bir önceki nesneye float uygulanmış ise bu floatın etkisini yok etmek için kullanılır. Mesela alt alta iki tane nesne ver. Her ikisine de float:left uygulanırsa bu nesneler yan yana olacaktır. Çünkü ilk nesneye uygulanan float:left ilk nesneyi sola atar hem de ikinci nesneyi ilk nesnenin sağına atar. Eğer ikinci nesneye clear:both uygularsak ilk nesne ikinci nesneyi sağ tarafına alamaz yani ikinci nesne ilk nesnenin float değerinden etkilenmez.
Padding : Mesela bir tablo içindeki yazıların tablo kenarlıklarına olan mesafesi padding değeri ile belirlenir. Eğer “same for all” seçeneği işaretli ise sadece top (üst) değeri verilir ve diğer değerler bu değer ile aynı olur.
- Top : Yazı ile tablonun üst tarafı arasındaki mesafe. padding-top
- Right : Yazı ile tablonun sağ tarafı arasındaki mesafe. padding-riht
- left : Yazı ile tablonun sol tarafı arasındaki mesafe. padding-left
- buttom : Yazı ile tablonun alt tarafı arasındaki mesafe. padding-buttom
Margin : Padding için tablo içindeki yazı ile tablo arasındaki mesafe örneğini vermiştik. Margin ise tablonun etrafındaki boşluk miktarını belirler. Margin için de sağ, sol, üst ve alt değerler tanımlanabilir. Bu dudurumda tablo içinde yazı yazıldığı zaman tablonun dışındaki bir yazı ile olan mesafesi padding+margin değerine eşit olacaktır.
