CSS border-top-width egenskap
- föregående sida border-top-style
- Nästa sida border-width
Definition och användning
border-top-width-egenskapen ställer in bredden på elementets övre kantlinje.
Fungerar endast när kantstilen inte är none. Om kantstilen är none, återställs kantbredden faktiskt till 0. Negativa längder är inte tillåtna.
Kommentar:Förklaring: Använd alltid border-style-egenskapen innan border-top-width-egenskapen. Elementet måste ha kantlinje innan dess bredd kan ändras.
Se också:
CSS-tutorial:CSS kant
CSS referenshandbok:border-top-egenskapen
HTML DOM referenshandbok:borderTopWidth-egenskapen
Exempel
Ställ in bredden på övre kantlinjen:
p { border-style:solid; border-top-width:15px; }
CSS-syntax
border-top-width: medium|thin|thick|length|initial|inherit;
Egenskapsvärde
Värde | Beskrivning |
---|---|
thin | Definierar en tunn övre kantlinje. |
medium | Standardvärde. Definierar en medelsvag övre kantlinje. |
thick | Definierar en tjock övre kantlinje. |
length | Låter dig anpassa bredden på övre kantlinjen. |
inherit | Definierar att kantbredden ska härledas från föräldrelementet. |
Tekniska detaljer
Standardvärde: | medium |
---|---|
Arv: | no |
Version: | CSS1 |
JavaScript-syntax: | object.style.borderTopWidth="thick" |
Mer exempel
- Ställ in bredden på övre kantlinjen
- Detta exempel visar hur du ställer in bredden på övre kantlinjen.
Webbläsarstöd
Tal i tabellen anger den första webbläsarens version som fullständigt stöder egenskapen.
Chrome | IE / Edge | Firefox | Safari | Opera |
---|---|---|---|---|
1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
Kommentar:IE7 och äldre webbläsare stöder inte värdet "inherit". IE8 kräver !DOCTYPE. IE9 stöder "inherit".
- föregående sida border-top-style
- Nästa sida border-width