თვისება width
თვისება width ადგენს ელემენტის
სიგანეს. თვისების მნიშვნელობა შეიძლება იყოს ნებისმიერი
ზომის ერთეული
ან საკვანძო სიტყვა auto,
რომელიც ბრაუზერს საშუალებას აძლევს დამოუკიდებლად გამოთვალოს
ელემენტის ზომა (ნაგულისხმევი ქცევა).
სინტაქსი
სელექტორი {
width: მნიშვნელობა;
}
მაგალითი
დავაყენოთ ელემენტის სიგანე 300px-ზე:
<div id="elem"></div>
#elem {
width: 300px;
height: 100px;
border: 1px solid black;
}
:
მაგალითი
მოდით, გავაკეთოთ ისე, რომ ელემენტმა დაიკავოს
მისი მშობლის (ჩვენს შემთხვევაში ეს იქნება ბრაუზერის ფანჯარა)
სიგანის 70%:
<div id="elem"></div>
#elem {
width: 70%;
height: 100px;
border: 1px solid black;
}
: