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;
}

Результат:

Дагы караңыз