CSS/Funktionen/inset()

Die inset()-Funktion erzeugt ein Rechteck mit dem angegebenen Abstand zu den Rändern des enthaltenen Blocks. Es handelt sich um eine grundlegende Formfunktion des Datentyps <basic-shape>..

Parameter	Syntax inset( <'offset'> <'offset'> <'offset'> <'offset'> [round <'border-radius'>]) vier Offset-Werte, beginnend mit dem Offset der oberen Kante und im Uhrzeigersinn, Jeder Versatzwert kann entweder eine Längenangabe, ein Prozentwert oder das Schlüsselwort auto sein. einem optionalen Schlüsselwort round mit dem Parameter border-radius, um dem Rechteck abgerundete Ecken hinzuzufügen.
anwendbar auf	* clip-path shape-outside
Browsersupport	caniuse: {{{caniuse}}}

Beispiel

clip-path: inset(10% 20%);

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

Weblinks

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

Browserunterstützung
caniuse.com

Siehe auch

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