border-top-width
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
Die border-top-width
CSS Eigenschaft legt die Breite des oberen Rands eines Elements fest.
Probieren Sie es aus
Syntax
/* Keyword values */
border-top-width: thin;
border-top-width: medium;
border-top-width: thick;
/* <length> values */
border-top-width: 10em;
border-top-width: 3vmax;
border-top-width: 6px;
/* Global keywords */
border-top-width: inherit;
border-top-width: initial;
border-top-width: revert;
border-top-width: revert-layer;
border-top-width: unset;
Werte
<line-width>
-
Definiert die Breite des Rahmens, entweder als explizite nicht-negative
<length>
oder als Schlüsselwort. Wenn es sich um ein Schlüsselwort handelt, muss es einer der folgenden Werte sein:thin
medium
thick
Hinweis: Da die Spezifikation die genaue Dicke, die durch jedes Schlüsselwort angegeben wird, nicht definiert, ist das genaue Ergebnis bei der Verwendung eines dieser Begriffe implementierungsspezifisch. Nichtsdestotrotz folgen sie immer dem Muster thin ≤ medium ≤ thick
, und die Werte sind innerhalb eines Dokuments konstant.
Formale Definition
Initialer Wert | medium |
---|---|
Anwendbar auf | alle Elemente. Auch anwendbar auf ::first-letter . |
Vererbt | Nein |
Berechneter Wert | die absolute Länge; 0 falls border-top-style none oder hidden ist |
Animationstyp | Längenangabe |
Formale Syntax
border-top-width =
<line-width>
<line-width> =
<length [0,∞]> |
thin |
medium |
thick
Beispiele
HTML
<div>Element 1</div>
<div>Element 2</div>
CSS
div {
border: 1px solid red;
margin: 1em 0;
}
div:nth-child(1) {
border-top-width: thick;
}
div:nth-child(2) {
border-top-width: 2em;
}
Ergebnis
Spezifikationen
Specification |
---|
CSS Backgrounds and Borders Module Level 3 # the-border-width |
Browser-Kompatibilität
BCD tables only load in the browser
Siehe auch
- Die anderen CSS-Eigenschaften, die mit der Rahmenbreite zusammenhängen:
border-left-width
,border-right-width
,border-bottom-width
, undborder-width
. - Die anderen CSS-Eigenschaften, die sich auf den oberen Rand beziehen:
border
,border-top
,border-top-style
, undborder-top-color
.