თვისება 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;
}

Результат:

იხილეთ აგრეთვე