Ausbreitung des Coronavirus führt zu immer mehr Tafel-Schließungen

Um 1,6 Millionen bedürftige Tafel-Nutzer:innen jetzt nicht allein zu lassen, ruft Tafel Deutschland e.V. zu Solidarität und Unterstützung auf. Sie wollen helfen? Informationen finden Sie unter tafel.de.

Coronacharityshop.png

Eine weitere Möglichkeit ist der Einkauf im CoronaCharityShop – alle Einnahmen gehen zu 100 % an die Tafeln. Herzlichen Dank für Ihre Unterstützung.

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}}}