CSSプロパティを記述する際の順番のサンプル｜web bibo
人によって様々な書き方があるCSSプロパティの順番。今回は参考になりそうなサンプルを紹介します。 「CSSプロパティの記述順序 - かたつむりくんのWWW」で紹介されていました分かりやすくキレイにまとまったサンプルです。Mozillaの順序をベースに、W3Cの仕様書（CSS2 Specification）と「Web標準の教科」の順番をミックスしたものらしいです。 CSSプロパティの記述の順番 1.表示や配置など「視覚整形モデル」に関するプロパティ display list-style** 1. list-style-type 2. list-style-image 3. list-style-position 4. marker-offset（CSS2.1勧告候補では削除） position** 1. top 2. right 3. bottom 4. left float clear z
リンクがついた画像の下線を消す方法｜web bibo
<a>タグの中に<img>タグを入れたら画像の下に下線が付いてしまいます。アフォーダンスを応用したボタンや明らかにクリックできるバナーなどに下線がつくのは好ましくないので、この下線を消す方法を紹介します。 HTMLを記述 <p><a href="http://www.webbibo.com/">CSSのTipsサイト「webbibo」<img src="./images/img_underline_01.png" /></a>でCSSのテクニックを公開しています。個人の備忘録として初めましたが、自分と同じCSSに悩まされた人にも解決していただきたく、このようなページを設けて公開しています。</p> CSSを記述 a img { margin: 0px 0px -6px 0px; border: 3px solid #FFFFFF; } →画像に付いた下線を消したサンプル 画像の周りに背景色
Firefoxでのテーブルボーダー1pxのズレを無くす方法｜web bibo
tableにborderを付ける時、border-collapseを使って隣接するセルのボーダーを重ねると思いますが、この方法だとFirefoxではtableのサイズが1pxはみ出すのです。 border-collapseを使ったテーブル Firefoxで見ると左のボーダーが1pxズレているはず。IE、Safari、Chrome、Operaなどは指定した幅の通りになっています。 <table> <tr> <td>AAAAAAAAAAAAAA</td> <td>BBBBBBBBBBBBBB</td> </tr> <tr> <td>CCCCCCCCCCCCCC</td> <td>DDDDDDDDDDDDDD</td> </tr> </table> table { width: 350px; border-collapse: collapse; } td { border: 1px solid
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
