投稿

11月, 2024の投稿を表示しています

CSSで文字の回り込みを制御

デザインに合わせて、文字の回り込み(インデント)を階段状にしたいと調査しているときの覚書。 pタグの前にfloat属性のタグを置いて、clip-pathとshape-outsideで回り込みさせる。 clip-pathは形状の確認用。 参考サイト 【CSS小技】三角形や台形、変形BOXの内側の形に沿わせてテキストを入れる(コピペOK) - Mill's Note 【CSS】CSSで画像をクリッピング!clip-pathの使い方を解説! : ビジネスとIT活用に役立つ情報(株式会社アーティス) clip-pathとshape-outsideはモダンブラウザで対応済み。 "clip-path" | Can I use... Support tables for HTML5, CSS3, etc "shape-outside" | Can I use... Support tables for HTML5, CSS3, etc もう三角形を作るのにborderを使う必要ないかも。