margin-inline:autoを使おう。margin-left:autoとmargin-right:autoを書くのが面倒なあなたへ

2023/06/08 8 users margin-right auto あなた

margin-inline:autoを使おう。margin-left:autoとmargin-right:autoを書くのが面倒なあなたへ 続きを読む

CSSのmargin-block-start, margin-inline-endなど、論理プロパティの使い方を徹底解説 | コリス

2021/03/25 31 users Flexbox margin-right コリス マージン

CSSでマージンを与える際に、margin-left, margin-rightのように物理プロパティを使用している思います。もちろん問題はないですが、CSS GridやFlexboxで使われている論理プロパティを使用する機会も増えてくると思います。 CSSの論理プロパティの基礎知識、inlineとblockの仕様、論理として使用できるプロパティ、論理... 続きを読む

余白を割合で分割 - Weblog - Hail2u.net

2014/07/13 44 users Weblog hail2u.net 余白 Calc 割合

余白を特定の比率で分割したいなとちょっと考えていた。つまりmargin-leftとmargin-rightプロパティーの計算済みの値が3:2とかの比率で自動調節されるように、ということ。そのようなことをTwitterでちょっと書いたら、@o_tiがcalc()を使う方法を考えてくれた。 View Demo: Split margins 1 to 3 最初のデモの幅は320px、二つ目のデモの幅は4... 続きを読む

[JS]iPhone, iPad対応、パネルを雑誌のようにぺらっとめくるスクリプト -FlipPage | コリス

2011/09/15 44 users iPhone コリス div Style スクリプト

FlipPageの実装 HTML 画像を配置したdiv要素をdiv要素で内包します。 <div id="exemples"> <div><img src="img1.jpg" style="margin-left: 0px;" /></div> <div><img src="img1.jpg" style="margin-left: -250px;" /></div> <div><img src=... 続きを読む