CSS border-widthEigenschaft
Beispiel
Legen Sie die Breite der vier Rahmen fest:
p
{
border-style:solid;
border-width:15px;
}
Selbst ausprobieren »
Eigenschaftsdefinition und Verwendungshinweise
Die Eigenschaft border-width legt die Breite der vier Rahmen eines Elements fest. Diese Eigenschaft kann ein bis vier Werte annehmen.
Beispiel:
border-width:thin medium thick 10px;
- Der obere Rahmen ist ein dünner Rahmen.
- Der rechte Rahmen ist ein mittlerer Rahmen
- Der untere Rahmen ist ein dicker Rahmen.
- Der linke Rahmen ist ein 10px breiter Rahmen
border-width:thin medium thick;
- Der obere Rahmen ist ein dünner Rahmen.
- Der rechte und der linke Rahmen sind mittlere Rahmen
- Der untere Rahmen ist ein dicker Rahmen.
border-width:thin medium;
- Der obere und der untere Rahmen sind dünne Rahmen
- Der rechte und der linke Rahmen sind mittlere Rahmen
border-width:thin;
- Alle vier Rahmen sind dünne Rahmen
| Standardwert: | mittel |
|---|---|
| Vererbung: | nein |
| Version: | CSS1 |
| JavaScript-Syntax: | object.style.borderWidth="thin thick" |
Browser-Unterstützung
Die Zahlen in der Tabelle geben die erste Browserversion an, die die Eigenschaft unterstützt.
| Eigenschaft | |||||
|---|---|---|---|---|---|
| border-width | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
Eigenschaftswert
| Wert | Beschreibung |
|---|---|
| thin | Dünne Rahmen definieren. |
| mittel | Standard. Definiert einen mittleren Rahmen. |
| thick | Dicke Rahmen definieren. |
| length | Ermöglicht die Anpassung der Breite des Rahmens. |
| inherit | Gibt an, dass die Rahmenbreite vom übergeordneten Element geerbt werden soll. |
Ähnliche Artikel
CSS-Tutorial:CSS-Rahmen
Weitere Erweiterungen