Exemplu
Setați înălțimea și lățimea unui <p> Element:
p.ex
{
height: 100px;
width: 100px;
}
Încearcă - l singur » Mai multe "Try it Yourself" - "Try it Yourself" exemplele de mai jos.
Definiție și utilizare
Proprietatea Lățimea stabilește lățimea unui element.
Note: Proprietatea lățime nu include umplutură, frontiere, sau margini; acesta stabilește lățimea zonei din interiorul, chenarul și marginea elementului!
Note: min-lățime și max lățime proprietăți suprascrie lățime.
| Valoare implicită: | auto |
|---|---|
| Mostenit: | no |
| Animatable: | yes. Read about animatable Try it |
| Versiune: | CSS1 |
| sintaxa JavaScript: | object .style.width="500px" Try it |
Suport pentru browser-
Numerele din tabel specifica prima versiune de browser care acceptă pe deplin proprietatea.
| Proprietate | |||||
|---|---|---|---|---|---|
| width | 1.0 | 4 | 1.0 | 1.0 | 3.5 |
CSS Sintaxa
width: auto| Valori de proprietate Valoare Descriere Joaca-l auto Valoare implicită. Browser-ul calculează lățimea Joaca - l » length Definește lățimea px, cm, etc. Joaca - l » % Definește lățimea în procente din blocul ce conține Joaca - l » initial Setează această proprietate la valoarea implicită. Citiți despre inițială Joaca - l » inherit Mosteneste această proprietate de la elementul părinte. Citiți despre moștenesc
Mai multe exemple
Exemplu
Setați lățimea unui <img> Element folosind o valoare procentuală:
img {
width: 50%;
} Încearcă - l singur » Exemplu
Setați lățimea unui <input type = "text"> element 100px. Cu toate acestea, atunci când acesta devine se concentreze, face 250px larg:
input[type=text] {
width: 100px;
}
input[type=text]:focus {
width: 250px;
} Încearcă - l singur »
Pagini similare
Tutorial CSS: CSS Dimensiune
Tutorial CSS: Modelul CSS Box
Referință CSS: height property
HTML DOM referință: width property