Exemplu
Setați lățimea celor patru granițe:
p
{
border-style: solid;
border-width: 15px;
}
Încearcă - l singur » Definiție și utilizare
Proprietatea de frontieră lățime stabilește lățimea patru granițele unui element. Această proprietate poate avea de la unu la patru valori.
Exemple:
- border-width:thin medium thick 10px;
- chenarul de sus este subțire
- chenarul din dreapta este mediu
- chenar jos este gros
- chenarul din stânga este 10px
- border-width:thin medium thick;
- chenarul de sus este subțire
- chenarele din dreapta și stânga sunt medii
- chenar jos este gros
- border-width:thin medium;
- chenarele de sus și de jos sunt subțiri
- chenarele din dreapta și stânga sunt medii
- border-width:thin;
- toate cele patru frontiere sunt subțiri
Note: declară întotdeauna proprietatea stil de frontieră înainte de a proprietății de frontieră lățime. Un element trebuie să aibă frontiere înainte de a putea seta lățimea.
Valoare implicită: | medium |
---|---|
Mostenit: | no |
Animatable: | yes. Read about animatable Try it |
Versiune: | CSS1 |
sintaxa JavaScript: | object .style.borderWidth="1px 5px" Try it |
Suport pentru browser-
Numerele din tabel specifica prima versiune de browser care acceptă pe deplin proprietatea.
Proprietate | |||||
---|---|---|---|---|---|
border-width | 1.0 | 4 | 1.0 | 1.0 | 3.5 |
CSS Sintaxa
border-width: medium|thin|thick| Valori de proprietate Valoare Descriere Joaca-l medium Specifică un chenar mediu. Acest lucru este implicit Joaca - l » thin Specifică un chenar subțire Joaca - l » thick Specifică un chenar gros Joaca - l » length Vă permite să definiți grosimea frontierei 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
Pagini similare
Tutorial CSS: CSS Border
HTML DOM referință: borderWidth property