CSS/Eigenschaften/corner-shape

Browserunterstützung
caniuse.com

Die Eigenschaft corner-shape ist die Kurzschreibform für die Form der Ecken einer Box, die innerhalb des durch border-radius festgelegten Bereichs erzeugt wird.

Sie ist die Shorthand-Eigenschaft für die folgenden physikalischen Eigenschaften:

• corner-top-left-shape
• corner-top-right-shape
• corner-bottom-left-shape
• corner-bottom-right-shape

Erlaubte Werte

• bevel: abgeschrägt
• notch: eingekerbt
• round: rund
• scoop: (mit einer Schöpfkelle) eingedellt / Rundung geht nach innen
• square: 90°-Winkel wie ohne border-radius
• squircle: ähnlich wie round
• superellipse():

Vererbung steuernde Werte inherit, initial, unset und revert

Standardwert

siehe Einzeleigenschaften

anwendbar auf

alle Elemente

Vererbung

nein

animierbar

ja

Beispiel

Randlinien mit corner-shape ansehen …

.one {
	border: medium solid red;
}

Siehe auch

• Rahmen und Ribbons
  • Wichtiges mit Rahmen hervorheben
  • Ribbons (Hintergrundbänder)
  • box-shadow und filter
   

Weblinks

• CSSWG: corner-shape (CSS Borders and Box Decorations Module Level 4)
• MDN: corner-shape
• Details: caniuse.com