ひかげStyle ロゴ

いまさらながら、CSS3のbox-sizing:border-box;

いまさらながら、CSS3のbox-sizing:border-box;

2019年4月7日 ひかげ MEMO 0

ボックスサイズの算出方法を指定するbox-sizingをCSSで使っている、@ひかげです。

IE8以上から対応するので、いまさら感なのですが、おまじない的な位置づけで記述してみました。

CSS3 box-sizing 記述内容

ひかげすたいるで使っている記述

*,*:before,*:after{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}

おわりに

ホームページのデザインはCSSリセットを基本としていますが、HTMLやCSSも進化しているので、box-sizingも含めて使いやすい自分流のセッティングを持っておくと便利ですね。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

@ひかげ

WordPressカスタマイズ向け自作テーマ kunai

ひかげのWP自作テーマ1

ひかげStyle