「width崩れ、カラム落ちにはこれ」まるでチート！【CSS3】box-sizingが実はすごい子 | たねっぱ！
※ベンダープレフィックス必須 ということです。 これでは、なんのこっちゃ抹茶に紅茶ですよね。 ざっくり言いますと、今までの記事でもありましたがborderやpaddingはwidth・heightに影響を及ぼします。 そのたびに計算して、width・heightを調節していたのですが このbox-sizingの値をborder-boxにすると、自動算出によりwidthやheightの値に合わせてborderやpaddingの分、ボックスサイズが小さく調整されます。 つまり、width決めてたらborderとかpaddingとか足しても勝手にwidth内に収まるようにしてくれるんです。 これは今までレスポンシブでグローバルナビを作る時など、borderが邪魔で縮んでる途中でカラム落ちしていたのが、border含めたwidthになるのでカラム落ちしなくなります！ Oh my コンブ！ ２カラム
HTML5でコーディングするとき絶対しておいたほうが良い準備 | たねっぱ！
html5shiv, reset css などHTML5でコーディングするときに必ずといってもいいほど必要な記述を紹介します。IEを対象ブラウザにする場合はとくに…! おはこんばんちわ、あなたのわたしのやのっぱです(´・ω・｀)おほー 最近、HTML5で記述することも多くなってきたのではないでしょうか？ 初めてのHTML5！といった記事を書こうとおもったのですが、収まり効かなくなりそうなので 小出しにいたします。 今回は準備編です！ HTMLを勉強したてでHTML5はまだよくわからない！ でもなんだか最新ですごそう！使ってみたい！ そんな声が聞こえてきます（幻聴） というわけで、初心者がよく抜けている【記述前にする準備】を紹介するよ(´・ω・｀)ｂ まずは、え？なんの準備よ？ってお話ですが、HTML5はモダンブラウザはほぼ対応しています！、しかしながらIEはIE8以前は対応していません。ま
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
