垂直方向のマージンにはmargin-topを優先的に使う理由 - Yuhei Yasuda

2021/01/26 276 users margin-bottom マージン 末尾 垂直方向 CSS

margin-bottomではなくmargin-topを使う派である旨をツイートしたら理由を尋ねられたので、それに対する回答です。大きくは次の3つです。 末尾の要素の存在が任意である場合が多いため Stackレイアウトとの取り合わせやすさのため 隣接セレクターを使った場合分けができるようにするため CSS、基本コンポーネントの上に... 続きを読む

[CSS]知っておくと便利な論理プロパティ、ボックスモデルにおける古い方法とこれからの方法 | コリス

2019/01/10 240 users コリス padding-bottom Flexbox CSS

現在のところ、margin-top, padding-bottomのように物理プロパティをボックスモデルで使用していると思います。しばらくはそのままで問題ないですが、CSS GridやFlexboxで使われている論理プロパティを使用する機会が増えるでしょう。 CSSの論理プロパティにおける考え方、注意点、そして英語や日本語など言語で変化する... 続きを読む

CSSを使ったテキストをデザインとして魅せるテクニック集:phpspot開発日誌

2007/05/20 128 users CSS phpspot開発日誌 margin-right

Mandarin Design: Text Tricks CSSを使ったテキストを魅せるテクニック集が色々公開されていました。 例えば、次のような見出しの１文字を修飾するテクニック 次のようなCSSで実現可能のようです。 <!-- the drop cap --> <span style="margin-right:6px;margin-top:5px;float:left;color:white... 続きを読む

IE 6.0 - memo.xight.org - Clean CSS - CSSの最適化，ファイルサイズ削減ツール

2006/06/19 234 users memo.xight.org CSS FFFFFF RGB

- Summary テキストフィールドにCSSを入力するか，CSSが置いてあるURLを指定して，"Process CSS" をクリック． - 使用前 (196byte) #example { color: rgb(0,0,0); background-color: #ffffff; font-weight: bold; margin-top: 5px; margin-bottom: 5px; ma... 続きを読む