CSS width Özelliği
CSS1
width özelliği, bir elemanın genişliğini ayarlamak için kullanılır.
Yapısı (Syntax)width: auto | <uzunluk> | <%> | initial | inherit;
| Varsayılan Değer | auto |
| JavaScript Yapısı |
object.style.width="Değer"
|
| Animasyon Özellikleri Uygulanabilir | Evet (Daha fazla detay) |
Değerler
| Değer | Açıklama | Versiyon |
|---|---|---|
| auto | Varsayılan değer. Tarayıcı, belirtilen öğe için bir genişlik hesaplar ve seçer. | CSS1 |
| uzunluk | px, pt, em, cm gibi birimlerle genişlik tanımlanır. | CSS1 |
| % | Bloğun yüzdesel (%) genişliğini tanımlar. | CSS1 |
| initial | Varsayılan değerine geri döndürür. | CSS1 |
| inherit | Değerini üst öğesinden miras alır. | CSS1 |
Örnekler
div elementinin genişliği 200px olacak şekilde ayarlanacak.
div { width: 200px }img elementinin genişliği sayfanın yarısını (50%) kapsayacak şekilde ayarlanacak.
img { width: 50% }div elementinin genişliğini varsayılan değerine geri döndürmek istersek,
div { width: initial }div elementinin genişliğini üst öğesinden miras almak istersek,
div { width: inherit }