スタイルシート［CSS］/ボックス/ボックスのパディング（内側の余白）を指定する - TAG index
指定方法 次のように、4タイプの指定方法があります。それぞれの値は、半角スペースで区切って記述します。 padding: 2px; … ［上下左右］ を指定 padding: 2px 4px; … ［上下］ と ［左右］ を指定 padding: 2px 4px 6px; … ［上］ と ［左右］ と ［下］ を指定 padding: 2px 4px 6px 8px; … ［上］ と ［右］ と ［下］ と ［左］ を指定 マージンとパディング マージン … 境界線より外側にある余白部分 パディング … 境界線と内容領域の間にある余白部分 使用例 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title
レスポンシブWebデザインでテーブルを使う時の小技
tableやtr、tdなどのテーブル関連のタグのdsiplayプロパティを変更することでデザインを変更します。 tableタグのdisplayの値はデフォルトではtable、tdやthタグはtable-cellといった具合ですが、この値をblockやlist-itemなど他の値に変えます。 @media only screen and (max-width:420px){ tbody tr{ display: block; margin-bottom: 1.5em; } tbody th, tbody td{ display: list-item; border: none; } ..... } Chrome、Safari、Firefox対応。 IEではTableのdisplayを変更しても表示は変わらないようなので非対応です。 条件分岐コメントを使ってIEにはメディアクエリを読ませないよ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
