CSS/Funktionen/ellipse()
Aus SELFHTML-Wiki
CSS | Funktionen
Die CSS-Funktion ellipse() erzeugt ein Oval mit dem angegebenen Radius und der Position. Es handelt sich um eine grundlegende Formfunktion des Datentyps <basic-shape>.
- anwendbar auf
- Parameter
- Syntax
ellipse( <'radius'> <'radius'> [at <'x-position'> <'y-position'>])
- Radius
zwei Längenangaben, Prozentwerte oder Schlüsselwörterclosest-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
- Radius
Beispiel
clip-path: ellipse(10% 20% at 40% 60%);
Das Bild wird entsprechend der ellipse()-Funktion beschnitten.
Siehe auch
- Masken und Beschneidungen
ellipse()-Funktion für Beschneidungen - CSS/Tutorials/Ausrichtung/Shapes#shape-outside
- SVG/Element/ellipse
Weblinks
- CSSWG.org: the ellipse() notation
- MDN: ellipse()