CSSレイアウトを学ぶ
box-sizing 暗黒時代は終わった。ついに、計算なんてしたくないというという意思のもと、新しいCSSプロパティbox-sizingを人々は作りだした。要素にbox-sizing: border-box;を設定すると、要素のpaddingとborderの幅が要素のwidthを増やすようなことはもはやない。 これは前のページと同じ例だ。だが、両方の要素に対して、box-sizing: border-box;を適用している: .simple { width: 500px; margin: 20px auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .fancy { width: 500px; margin: 20px auto; padding: 50px
◇cssでセル幅を指定するとcolspanで破綻する - 万象酔歩
CSS3によるwidthは行連結(colspan)で破綻する HTML5のcss3でのカラム情報設定は colspanに対応しないため、デタラメなものとなってしまいます。 遊びならHTML5-css3で問題ありませんが、仕事の場合は colgroupを使う方 がよいでしょう。 <style type="text/css"> table.tbl1 {border:1px solid black; border-collapse:collapse;font-size:12pt} table.tbl1 td{border:1px solid black} table.tbl1 th{border:1px solid black} table.tbl1 td:nth-child(1){width:50px;background-color:#9370db} table.tbl1 td:nth-ch
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Amazon.co.jp: HTML5&CSS3デザインブック: エビスコム: 本
Amazon.co.jp: Web制作者のためのCSS設計の教科書 モダンWeb開発に欠かせない「修正しやすいCSS」の設計手法: 谷拓樹: 本