CSS-Rundungen der Rahmenkanten

CSS-Rundungen der Rahmenkanten

border-radius Diese Eigenschaft wird verwendet, um dem Element abgerundete Kanten hinzuzufügen:

Regelmäßige Kanten

Abgerundete Kanten

Abgerundete Kanten

Abgerundete Kanten

Beispiel

p {
  border: 2px solid red;
  border-radius: 5px;
}

Versuchen Sie es selbst

Mehr Beispiele

Alle Oberborder-Attribute in einer Deklaration
Dieses Beispiel demonstriert die Kurzwahl-Attribute, die verwendet werden, um alle Attribute des Oberborders in einer einzigen Deklaration zu setzen.
Stil des Unterborders einstellen
Dieses Beispiel zeigt, wie man das Stil des Unterborders einstellt.
Setzen Sie die Breite der linken Kante
Dieses Beispiel zeigt, wie man die Breite der linken Kante einstellt.
Setzen Sie die Farbe der vier Kanten
Dieses Beispiel zeigt, wie man die Farbe der vier Kanten einstellt. Es kann eine bis vier Farben haben.
Setzen Sie die Farbe der rechten Kante
Dieses Beispiel zeigt, wie man die Farbe der rechten Kante einstellt.

Alle CSS Kantenattribute

Eigenschaft Beschreibung
border Kurzschreibweise, um alle Kantenattribute in einer Anweisung zu setzen.
border-color Kurzschreibweise, um die Farbe der vier Kanten zu setzen.
border-radius Kurzschreibweise, um alle vier border-*-radius-Attribute zu setzen.
border-style Kurzschreibweise, um den Stil der vier Kanten zu setzen.
border-width Kurzschreibweise, um die Breite der vier Kanten zu setzen.
border-bottom Kurzschreibweise, um alle unteren Kantenattribute in einer Anweisung zu setzen.
border-bottom-color Setzen Sie die Farbe der unteren Kante.
border-bottom-style Setzen Sie den Stil der unteren Kante.
border-bottom-width Setzen Sie die Breite der unteren Kante.
border-left Kurzschreibweise, um alle linken Kantenattribute in einer Anweisung zu setzen.
border-left-color Setzen Sie die Farbe der linken Kante.
border-left-style Setzen Sie den Stil der linken Kante.
border-left-width Setzen Sie die Breite der linken Kante.
border-right Kurzschreibweise, um alle rechten Kantenattribute in einer Anweisung zu setzen.
border-right-color Setzen Sie die Farbe der rechten Kante.
border-right-style Setzen Sie den Stil der rechten Kante.
border-right-width Setzen Sie die Breite der rechten Kante.
border-top Kurzschreibweise, um alle oberen Kantenattribute in einer Anweisung zu setzen.
border-top-color Setzen Sie die Farbe der oberen Kante.
border-top-style Setzen Sie den Stil der oberen Kante.
border-top-width Setzen Sie die Breite der oberen Kante.