CSS border-top-stijl eigenschap
Voorbeeld
Stel een stijl in voor de bovenrand:
div {border-top-style: dotted;}
Meer "Probeer het zelf" voorbeelden hieronder.
Definitie en gebruik
De border-top-style
eigenschap bepaalt de stijl van de bovenrand van een element.
Standaardwaarde: | geen |
---|---|
geërfd: | Nee |
Animeerbaar: | Nee. Lees over animeren |
Versie: | CSS1 |
JavaScript-syntaxis: | object .style.borderTopStyle="onderbroken" |
Browserondersteuning
De getallen in de tabel geven de eerste browserversie aan die de eigenschap volledig ondersteunt.
Property | |||||
---|---|---|---|---|---|
border-top-style | 1.0 | 5.5 | 1.0 | 1.0 | 9.2 |
CSS-syntaxis
border-top-style: none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset|initial|inherit;
Eigendomswaarden
Value | Description | Play it |
---|---|---|
none | Specifies no border. This is default | |
hidden | The same as "none", except in border conflict resolution for table elements | |
dotted | Specifies a dotted border | |
dashed | Specifies a dashed border | |
solid | Specifies a solid border | |
double | Specifies a double border | |
groove | Specifies a 3D grooved border. The effect depends on the border-color value | |
ridge | Specifies a 3D ridged border. The effect depends on the border-color value | |
inset | Specifies a 3D inset border. The effect depends on the border-color value | |
outset | Specifies a 3D outset border. The effect depends on the border-color value | |
initial | Sets this property to its default value. Read about initial | |
inherit | Inherits this property from its parent element. Read about inherit |
Meer voorbeelden
Voorbeeld
Een gestippelde bovenrand:
div {border-top-style: dashed;}
Voorbeeld
Een stevige bovenrand:
div {border-top-style: solid;}
Voorbeeld
Een dubbele bovenrand:
div {border-top-style: double;}
Voorbeeld
Verwijder de bovenrand:
div {border-top-style: none;}
Voorbeeld
Een groef bovenrand:
div {
border-top-style: groove;
border-top-color: coral;
border-top-width: 7px;
}
Voorbeeld
Een rand bovenrand:
div {
border-top-style: ridge;
border-top-color: coral;
border-top-width: 7px;
}
Voorbeeld
Een inzet bovenrand:
div {
border-top-style: inset;
border-top-color: coral;
border-top-width: 7px;
}
Voorbeeld
Een begin bovenrand:
div {
border-top-style: outset;
border-top-color: coral;
border-top-width: 7px;
}
Gerelateerde pagina's
CSS-zelfstudie: CSS-rand
CSS-referentie: eigenschap border-top
HTML DOM-referentie: eigenschap borderTopStyle