Referenz:CSS/Eigenschaften/shape-inside

Aus SELFHTML-Wiki
Wechseln zu: Navigation, Suche
Eigenschaft shape-inside CSS 3.0
Beschreibung definiert wird ein Element, in das Text passgenau eingefügt wird
erlaubte Werte
  • auto: berechnet sich aus der content-box des Elements
  • outside-shape:
  • basic-shape:ein Wert aus
    • inset(): legt eine rechteckige Form an, die abgerundet werden kann
    • circle(): eine kreisförmige Form
    • ellipse(): eine ovale Form
    • polygon(): legt Form mit beliebig vielen Fixpunkten an
  • shape-box:
  • Bild: URI eines Bildes mit Transparenzen, dessen Form umflossen wird
default-Wert

auto

anwendbar auf alle Blockelemente (Unterschied Tag Element Attribut)
Vererbung nein
animierbar nur basic-shape, sonst nein
Browsersupport
  • Chrome
  • Leer
  • Leer
  • Opera
  • Safari 8
Spezifikation W3c logo klein.gif shape-inside property
Beispiel
.kugel{
  shape-inside: circle(50%);
  shape-padding: 2%;
}
Beachten Sie

Die shape-inside-Eigenschaft kann auch mit gefloateten Elementen angewandt werden.

Shape-inside wirkt aber nicht bei Elementen, die mit display: table; formatiert wurden.

Tipp

{{{Tipp}}}