はてブログ

はてなブックマーク新着エントリーの過去ログサイトです。



タグ margin-left

新着順 人気順 5 users 10 users 50 users 100 users 500 users 1000 users
 
(1 - 3 / 3件)
 

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

2021/03/25 このエントリーをはてなブックマークに追加 31 users Instapaper Pocket Tweet Facebook Share Evernote Clip Flexbox margin-right コリス マージン

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

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

2014/07/13 このエントリーをはてなブックマークに追加 44 users Instapaper Pocket Tweet Facebook Share Evernote Clip 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 Instapaper Pocket Tweet Facebook Share Evernote Clip 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=... 続きを読む

 
(1 - 3 / 3件)