CSS- Grenzen
Mit den CSS-Rahmeneigenschaften können Sie den Stil, die Breite und die Farbe des Rahmens eines Elements festlegen.
Ich habe Grenzen auf allen Seiten.
Ich habe einen roten unteren Rand.
Ich habe abgerundete Ränder.
CSS-Rahmenstil
Die border-style
Eigenschaft gibt an, welche Art von Rahmen angezeigt werden soll.
Folgende Werte sind erlaubt:
dotted
- Definiert einen gepunkteten Randdashed
- Definiert einen gestrichelten Rahmensolid
- Definiert eine solide Umrandungdouble
- Definiert einen doppelten Rahmengroove
- Definiert einen gerillten 3D-Rand. Der Effekt hängt vom Randfarbenwert abridge
- Definiert einen geriffelten 3D-Rand. Der Effekt hängt vom Randfarbenwert abinset
- Definiert einen 3D-Inset-Rand. Der Effekt hängt vom Randfarbenwert aboutset
- Definiert eine 3D-Anfangsgrenze. Der Effekt hängt vom Randfarbenwert abnone
- Definiert keine Grenzehidden
- Definiert einen verdeckten Rand
Die border-style
Eigenschaft kann einen bis vier Werte haben (für den oberen Rand, den rechten Rand, den unteren Rand und den linken Rand).
Beispiel
Demonstration der verschiedenen Rahmenstile:
p.dotted {border-style: dotted;}
p.dashed
{border-style: dashed;}
p.solid {border-style: solid;}
p.double
{border-style: double;}
p.groove {border-style: groove;}
p.ridge
{border-style: ridge;}
p.inset {border-style: inset;}
p.outset
{border-style: outset;}
p.none {border-style: none;}
p.hidden {border-style: hidden;}
p.mix {border-style: dotted dashed solid double;}
Ergebnis:
A dotted border.
A dashed border.
A solid border.
A double border.
A groove border. The effect depends on the border-color value.
A ridge border. The effect depends on the border-color value.
An inset border. The effect depends on the border-color value.
An outset border. The effect depends on the border-color value.
No border.
A mixed border.
Hinweis: Keine der ANDEREN CSS-Randeigenschaften (über die Sie in den nächsten Kapiteln mehr erfahren werden) hat IRGENDEINE Wirkung, es sei denn, die
border-style
Eigenschaft ist gesetzt!