[CSS] 丸や三角など任意の形にコンテンツをレイアウトできる「shape-outside」

Shape outside

こちらの画像は、CSS Shapeのshape-outsideという属性を使った一例。

斜めにカットされた透明png画像のカットラインに沿って、テキストがレイアウトされています。通常であれば下のラインに沿ってレイアウトされますが、shape-outsideを使うと雑紙のようなレイアウトも可能になるんですね。

続きを読む →