Web Tasarım ve Programlama Sitesi

Bu kategori kullanılarak nesneleri birbirleri ile olan konumları ayarlanabilir. 

Type : Konumlandırma tipi buradan belirlenir.

• Absolute (Mutlak) : Mutlak konumlandırma anlamına gelir. Bu konumlandırma ile nesnenin bir üst nesne ile arasındaki mesafe ayarlanabilir. Eğer bir üst nesne tanımlanmamış ise ana blog üst blog alacaktır. Yani nesne1 için üst boşluk miktarı absolute ile tanımlanmış olsun. Eğer nesne1 için üst nesne tanımlanmamış ise üst boşluk miktarı sayfanın en üstüne göre verilecektir. Belirtilen konumda başka bir nesne bulunabilir, nesne1′in üst nesnesi olmayan başka bir nesne. Bu durumda nesneler üst üste görünecektir. Üstüste görünmesi durumunda nesneleri z-index değerleri devreye girer. z-index değeri büyük olan element diğerinin üstünde görünecektir.
• Relative (Göreceli) : Bu konumlandırma ile nesne yerleştirildiği yerden belirtilen değer kadar aşağı, yukarı, sağa veya sola kayacaktır. Mesela paragraf  reletive konumlandırma yapıp left=20px değeri ile biçimlendirilmiş bir paragraf oluşturdunuz. Bu durumda paragraf normal bulunması gereken konumdan itibaren 20px daha boşluk bırakacaktır. Eğer left=-20 yaparsanız paragrafın soluna -20 boşluk eklemiş olursunuz ve yazının bir kısmı soldan ekran sınırlarını geçip görünmez.       
• Fixed (Sabitlenmiş) : Ekranda istenilen konuma nesneyi sabitlemek için kullanılır. Kaydırma çubuğu kaydırılsa dahi o nesne ekranda asılı kalacaktır. IE6 ve önceki sürümler bu özelliği desteklemez.

width : Nesnenin genişiliği buradan belirlenir. Auto verilirse nesne orjinal genişliğini korur.

height : Nesnenin yüksekliği buradan belirlenir. Eğer auto değeri verilirse orjinal yükseklik korunuz. 

visibility (görünürlük)  : Nesne veya yazıyı görünür (visible) veya görünmez (hidden) yapmak için kullanılır.

Z-Index : Eğer iki nesne üstüste gelmiş ise Z-Index değeri büyük olan element üstte görünür. 

Overflow : Mesela sınırları belirtilmiş bir alan içerisine içerik yerleştirdiniz. Bu yerleştirilen içerik eğer sınırlı alandan büyük ise overflow devreye girer.

• visible : Alana sığmayan içerik görünür olsun anlamına gelir. Bu durumda kaydırma çubukları devreye girecektir.
• hidden : Alana sığmayan içerik görünür olmasın anlamına gelir. Bu durumda içeriğin bir kısmı görüntülenemez.
• scrool : Kaydırma çubuklarının kullanılması.
• auto : Taşma olup olmamasına göre kaydırma çubuklarının devreye girmesi.

Placement: Nesnenin diğer nesneler ile arasındaki boşluk miktarı buradan belirlenir.

• top : Nesnenin üst tarafındaki boşluk miktarı.
• left : Nesnenin sağ tarafındaki boşluk miktarı.
• right : Nesnenin sağ tarafındaki boşluk miktarı.
• buttom : Nesnenin alt tarafındaki boşluk miktarı.

clip : Resimlerin bir bölümünü kırpmak için kullanılır.

• top : Üüst taraftan kırpma miktarı.
• left : Sol taraftan kırpma miktarı.
• right : Sağ taraftan itibaren resmin ne kadarlık bölümünün görüntüleneceği.
• Buttom : Üst taraftan itibaren resmin ne kadarlık bölümünün görüntüleneceği.