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

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

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

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

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

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

jQueryを使って、div全体にリンクを貼る方法。_blank対応も。 | PLUS

2014/04/16 68 users jQuery center text-align div 方法

例えばボタンなどdiv全体にリンクを貼りたいことがありますが、その際に便利なTipsのご紹介です。 まずは、見た目のみ準備 CSSでボタンを作ります。リンクもdivの中に置いて構いません。CSSでdivの上にマウスがのったときに、カーソルが変わるよう変更しています。 <style> .sbtn{ margin-right:10px; text-align:center; background-co... 続きを読む

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

2007/05/20 128 users CSS phpspot開発日誌 テキスト WHITE デザイン

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