くろむめもにくろむめもデザイナーでないほうのデザインをする、デザインのサイト。WordPress、サイト制作についてのTipsあんどメモ。type=”text”などで、指定した範囲から幅がはみ出たりした時の対処法。空白を指定する「padding」、枠線を指定する「border」のCSS。これらはよく使うのだけど。テキストフォーム等でこの指定をすると、場合により、はみ出てしまう。{width:100%;margin:0;}テキストフォームのみはみ出ている。これは、borderの枠2px、paddingの左10pxと右10pxの部分がはみ出しているから。border-box;をCSSに追加するとよい。CSS3から使えるようになったスタイルで、「padding」と「border」を含んだ幅(width)と高さ(height)になる。{width:100%;margin:0;}今まで、divなどのレイアウトでは、paddingやborderを計算してボックスを作っていたけど、これを使うとかなり便利。面倒な計算しなくてもいいんですよ。IE7以前ではサポートされないので、古い環境を想定したサイトでは使えないけど。IE7も無くなるだろう...というか、なくなって欲しいです。コメントをキャンセルメールアドレスが公開されることはありません。*サイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。