Width xassəsi

width xassəsi elementin enini təyin edir. Xassənin qiyməti kimi ölçü vahidləri ya da auto açar sözü istifadə edilir, bu da brauzerə elementin ölçüsünü müstəqil hesablamağa imkan verir (standart davranış).

Sintaksis

cssselektor {
  width: qiymet;
}

Nümunə

Elementin enini 300px təyin edək:

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

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

Результат:

Nümunə

Gəlin elementə öz valideyninin eninin 70% hissəsini tutmağı əmr edək (bizim vəziyyətimizdə bu brauzer pəncərəsi olacaq):

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

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

Результат:

Həmçinin bax