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

Результат:

Տես նաև

  • height հատկությունը,
    որի օգնությամբ կարելի է սահմանել տարրի բարձրությունը
  • width ատրիբուտը,
    որի օգնությամբ կարելի է սահմանել տարրի լայնությունը