ひかげStyle ロゴ

ひかげStyle:ひかげすたいる

WordPress(ワードプレス)やMacやxreaの他に、プラスひかげ的Webスタイル。

2016.12/30 自作テーマへ変更。

いまさらながら、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も含めて使いやすい自分流のセッティングを持っておくと便利ですね。

最新のコメント 7件

Welcome to WordPress
2016年12月30日 ひかげ
コメントテスト。 あああ...
親指タイプ トラックボール ロジクールM570
2012年11月6日 tt
再度、御返事有難うございました...
親指タイプ トラックボール ロジクールM570
2012年11月6日 ひかげ
ttさん、ふたたびのコメントあ...
親指タイプ トラックボール ロジクールM570
2012年11月5日 tt
ひかげさん 「ドラッグよりも...
親指タイプ トラックボール ロジクールM570
2012年9月4日 ひかげ
ttさん、コメントありがとうご...
親指タイプ トラックボール ロジクールM570
2012年9月4日 tt
私は今まで多くのトラックボール...
Apple Wireless Keyboard ケース 衝動買い
2012年8月31日 ひかげ
mimiさん、コメントありがと...

@ひかげ

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

ひかげの自作テーマ1

ひかげStyle