width Özelliği

width özelliği bir elementin genişliğini ayarlar. Özelliğin değeri olarak boyut birimlerinden herhangi biri veya tarayıcının elementin boyutunu kendiliğinden hesaplamasını sağlayan auto anahtar sözcüğü kullanılır (varsayılan davranış).

Sözdizimi

cssseçici {
  width: değer;
}

Örnek

Elementin genişliğini 300px olarak ayarlayalım:

html<div id="elem"></div>

css#elem {
  width: 300px;
  height: 100px;
  border: 1px solid black;
}

Результат:

Örnek

Elementin, ebeveyninin genişliğinin (bizim örneğimizde tarayıcı penceresi olacak) 70%'sini kaplamasını sağlayalım:

html<div id="elem"></div>

css#elem {
  width: 70%;
  height: 100px;
  border: 1px solid black;
}

Результат:

Ayrıca Bakınız