CSS/Eigenschaften/shape-inside

Die Eigenschaft shape-inside soll es zukünftig ermöglichen, Elemente zu definieren, in die Text passgenau eingefügt wird. Bisher wurde die Eigenschaft noch von keinem Browser implementiert.

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

Vererbung steuernde Werte inherit, initial, unset und revert

Standardwert

auto

anwendbar auf

alle Blockelemente

Vererbung

nein

animierbar

nur basic-shape, sonst nein

Beispiel

.kugel{
  shape-inside: circle(50%);
  shape-padding: 2%;
}

 

Weblinks

http://dev.w3.org/csswg/css-shapes-2/#shape-inside-property shape-inside property]