Savybė width

Savybė width nustato elemento plotį. Savybės reikšmė gali būti bet kuris dydžio vienetas arba raktožodinė savybė auto, kuri leidžia naršyklei pačiai skaičiuoti elemento dydį (numatytasis elgesys).

Sintaksė

cssselektorius {
  width: reikšmė;
}

Pavyzdys

Nustatykime elemento plotį į 300px:

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

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

Результат:

Pavyzdys

Padarykime, kad elementas užimtų 70% nuo savo tėvinio elemento pločio (mūsų atveju tai bus naršyklės langas):

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

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

Результат:

Taip pat žiūrėkite