Width қасиеті

width қасиеті элементтің енін орнатады. Қасиеттің мәні ретінде көлем бірліктері немесе браузерге элементтің көлемін өздігінен есептеуге мүмкіндік беретін auto кілт сөзі (әдепкі мінез-құлық) қолданылады.

Синтаксис

cssселектор {
  width: мән;
}

Мысал

Элементтің енін 300px етіп орнатайық:

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

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

Результат:

Мысал

Элемент өз ата-анасының енінен (біздің жағдайда браузер терезесі) 70% алатындай етейік:

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

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

Результат:

Сондай-ақ қараңыз