CSS/Funktionen/ellipse()

Die ellipse()-Funktion erzeugt ein Oval mit dem angegebenen Radius und der Position. Es handelt sich um eine grundlegende Formfunktion des Datentyps <basic-shape>..

Parameter	Syntax ellipse( <'radius'> <'radius'> [at <'x-position'> <'y-position'>]) Radius zwei Längenangaben, Prozentwerte oder Schlüsselwörter closest-side, bzw. farthest-side einem optionalen Schlüsselwort at mit zwei Positionsangaben, die aus einer Längenangabe, einem Prozentwert oder einem Schlüsselwort left right center top bottom
anwendbar auf	* clip-path shape-outside
Browsersupport	caniuse: {{{caniuse}}}

Beispiel

clip-path: ellipse(10% 20% at 40% 60%);

Das Bild wird entsprechend der ellipse()-Funktion beschnitten.

Weblinks

• CSSWG.org: the ellipse() notation
• MDN: ellipse()

Browserunterstützung
caniuse.com

Siehe auch

• Masken und Beschneidungen
  ellipse()-Funktion für Beschneidungen
• CSS/Tutorials/Ausrichtung/Shapes#shape-outside
• SVG/Element/ellipse