CSS Özellikleri

Arka plan resmi için kullanılır.

background-image: url(images/bg.jpg);

Arka plan resminin hangi yönlerde döşenerek tekrarlanacağı.

Repeat-x, repeat-y, no-repeat, repeat

Metin rengini belirler. Renk adı veya renk kodu girilir.

color: red;

color: #999;

color: rgb(255, 255, 255);

Yazı tipini belirler.

font-family: Arial;

Yazı boyutunu (px,  pt, em) belirler.

font-size: 10pt;

Metnin altına, üstüne veya üzerine çizgi çizer.

underline altı çizili yapmak için, none çizgiyi kaldırmak için

İlk satır girintisini ayarlar.

text-indent:15px;

Karakterler arası boşluğu ayarlar.

letter-spacing: 5px;

margin (kenar dışı boşluğu).

margin:5px;

Bu şekilde kullandığımızda tüm yönlerden aynı miktarda boşluk bırakılır. Sadece altan, üstten, soldan veya sağdan boşluk ayarlamak istersek aşağıdaki gibi kullanabiliriz:

margin-top (üst kenar dışı boşluğu) 

margin-right (sağ kenar dışı boşluğu) 

margin-bottom (alt kenar dışı boşluğu) 

margin-left (sol kenar dışı boşluğu) 

padding (kenar içi boşluğu).

padding: 5px;

Bu şekilde kullandığımızda tüm yönlerden aynı miktarda boşluk bırakılır. Sadece altan, üstten, soldan veya sağdan boşluk ayarlamak istersek aşağıdaki gibi kullanabiliriz:

padding-top (üst kenar içi boşluğu) 

padding -right (sağ kenar içi boşluğu) 

padding -bottom (alt kenar içi boşluğu) 

padding -left (sol kenar içi boşluğu) 

Kenarlık stilini ayarlaryabiliriz. Solid, dotted, dashed gibi. Sadece sol, sağ, alt veya üst kenarlık stilini ayarlamak istersek aşağıdaki özellikleri kullanabiliriz:

border-top-style     

border-right-style  

border-bottom-style  

border-left-style

Kenarlık kalınlığını ayarlayabiliriz. Sadece sol, sağ, alt veya üst kenarlık kalınlığını ayarlamak istersek aşağıdaki özellikleri kullanabiliriz:

border-top-width  

border-right-width  

border-bottom-width  

border-left-width 

Kenarlık rengini ayarlayabiliriz. Sadece sol, sağ, alt veya üst kenarlık kalınlığını ayarlamak istersek aşağıdaki özellikleri kullanabiliriz:

border-top-color   

border-right-color  

border-bottom-color   

border-left-color 

border: 2px dotted #022163;

şeklinde bir kullanım ile kenarlığın hem kalınlığı, hem stili, hem de rengi tek satırda belirlenebilir.

Border-collapse:collapse;

şeklinde kullanarak, hücrelerin kendi çizgileri kaldırılabilir. Yani tablo kenarlıkları iki çizgi yerine tek çizgiden oluşur.

Özellikle div elemanları için kullanılır. Div elemanları normalde alt alta yerleşirler. Float özelliklerini “left, right” şeklinde ayarlayarak istediğimiz gibi yerleştirebiliriz.

Float:left;

Float:right;

Uygulandığı div elemanı ve arkasından gelecek div elemanlarının, normal şekilde yerleşime devam etmelerini, önceki divlere uygulanmış float özelliklerinden etkilenmemelerini sağlar. Bunun için clear özelliği şu şekilde kullanılır:

Clear:both;

Html etiketleri inline ve blok elemanlar olmak üzere ikiye ayrılırlar. Blok elemanlar sayfa içerisinde alt alta yerleşirler. Yani o elemandan sonraki etiketler alt satırdan devam ederler. Örneğin table, h1, p, div gibi etiketlerden sonra alt satıra geçilir.

İnline elemanlar ise satır içinde yerleştirilirler. Örneğin b, i, u, a, font gibi etiketler, aynı satırdan yerleşime devam ederler. İstenilen etiketlerin bu özellikleri şu şekilde değiştirilebilir:

display:block;

display:inline ;

Ol veya ul ile oluşturulan listelerde, satır başlarındaki numara ya da işareti belirlemek için kullanırız. Örneğin büyük roma rakamlarını kullanmak istersek:

ul { List-style-type:upper-roman; }

None değeri verilerek madde işareti kaldırılabilir.

ul etiketi ile oluşturduğumuz madde işaretli listelerde, satır başına işaret yerine belirttiğimiz bir resmi koymak istersek, bu özelliği kullanabiliriz:

ul { List-style-image:url(işaret.jpg); }