CSS-Shapes by Fisheyed_FoolzZ

Basic Shapes













(Hier zu sehen polygon() und circle())

Auf dieser Seite werden die verschiedenen Shapes und Ihre Verwendung erklärt.

Text Float Verhalten

Diese Seite erklärt und demonstriert das Flussverhalten von Text um Shapes. Hierbei gibt es einige Dinge zu beachten.

Shapes von Bildern

Ein Bild von einem kleinen Monster

Auf der hier verlinkten Seite wird das Verhalten von sowohl Bildern als auch Vektorgrafiken als Shape veranschaulicht und erläutert. Weiterhin werden einige Probleme angesprochen, die dabei auftreten können.

Shapes von Box Values

Box Values

(Quelle: http://www.w3.org/TR/css-shapes-1/#shapes-from-box-values)

Auf dieser Seite wird erklärt, wie sich der Text bei verschiedenen Box-Werten ("margin", "border", "padding", "content") anpasst.

Deklaration von Shapes

Auf dieser Seite wird veranschaulicht, wie Shapes deklariert werden. Zum Beispiel shape-outside oder shape-image-threshold.