Referenz:CSS/Eigenschaften/shape-outside

Aus SELFHTML-Wiki
Wechseln zu: Navigation, Suche
Eigenschaft shape-outside CSS 3.0
Beschreibung definiert ein Element, um das Text herumgeführt wird..
erlaubte Werte
  • none: die gefloatete Form beeinflusst den Textfluss nicht
  • shape-box:
    • margin-box:
    • border-box:
    • padding-box:
    • content-box:
  • 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
  • Bild: URI eines Bildes mit Transparenzen, dessen Form umflossen wird
default-Wert

none

anwendbar auf alle Blockelemente (Unterschied Tag Element Attribut)
Vererbung nein
animierbar ja, aber nur für Grundformen
Browsersupport
  • Chrome
  • Leer
  • Leer
  • Opera
  • Safari 8
Spezifikation W3c logo klein.gif shape-outside property
Beispiel
.form{
  shape-outside: url(bild.png);
  shape-image-threshold: 0.5;
}

Der Text umfließt ein Bild mit Transparenzen. Ein Wert von 0.5 bedeutet, dass nur Pixel mit einer Deckkraft von 50% und mehr zur Erzeugung der Form herangezogen werden.

Beachten Sie
Tipp

{{{Tipp}}}