Przykład
Ustawia wysokość i szerokość <p> element:
p.ex
{
height: 100px;
width: 100px;
}
Spróbuj sam " Więcej "Try it Yourself" przykłady poniżej.
Definicja i Wykorzystanie
Właściwość width ustawia szerokość elementu.
Note: Właściwość szerokość nie obejmują wyściółkę, granic, ani marży; ustawia szerokość obszaru wewnątrz padding, border, a margines elementu!
Note: min-width i max-width właściwości zastępują szerokość.
| Domyślna wartość: | auto |
|---|---|
| Dziedziczny: | no |
| Animatable: | yes. Read about animatable Try it |
| Wersja: | CSS1 |
| Składnia JavaScript: | object .style.width="500px" Try it |
Pomoc Browser
Liczby w tabeli określ pierwszą wersję przeglądarki, która w pełni obsługuje właściwość.
| Nieruchomość | |||||
|---|---|---|---|---|---|
| width | 1,0 | 4,0 | 1,0 | 1,0 | 3,5 |
Składnia CSS
width: auto|value|initial|inherit;wartości nieruchomości
| Wartość | Opis | Graj |
|---|---|---|
| auto | Domyślna wartość. Przeglądarka oblicza szerokość | Graj " |
| length | Określa szerokość w pikselach, cm, etc. | Graj " |
| % | Określa szerokość w procentach bloku zawierającego | Graj " |
| initial | Ustawia tę właściwość na wartość domyślną. Przeczytaj o początkowej | Graj " |
| inherit | Dziedziczy nieruchomość od swojego rodzica. Przeczytaj o dziedziczą |
Więcej przykładów
Przykład
Ustawia szerokość na <img> elementu za pomocą wartości procentowe:
img {
width: 50%;
} Spróbuj sam " Przykład
Ustawia szerokość na <input type = "text"> element do 100px. Jednak, gdy robi się skupić, sprawiają, że 250px szerokości:
input[type=text] {
width: 100px;
}
input[type=text]:focus {
width: 250px;
} Spróbuj sam " Podobne strony
Kurs CSS: CSS Dimension
Kurs CSS: Model CSS Box
Odniesienia CSS: height property
HTML DOM referencyjny: width property