ホームページ > 記事 > ウェブフロントエンド > コンテンツボックスとボーダーボックスの違いは何ですか?
コンテンツボックスとボーダーボックスの違いは何ですか?以下で詳しく説明します:
コンテンツボックスとボーダーボックスの違いは何ですか?:
padding と border は、定義された幅と高さに含まれません。オブジェクトの実際の幅は、設定された幅の値、ボーダー、およびパディングの合計に等しくなります。つまり、(要素の幅 = 幅 + ボーダー + パディング)
このプロパティは、標準モードのボックス モデルのように動作します。
コンテンツボックスとボーダーボックスの違いは何ですか?:
パディングとボーダーは、定義された幅と高さに含まれます。オブジェクトの実際の幅は、設定された幅の値と等しくなります。ボーダーとパディングが定義されている場合でも、オブジェクトの実際の幅は変更されません。つまり、(要素の幅 = 幅)
この属性は次のように動作します。奇妙なモードのボックスモデル。
.test1{ box-sizing:コンテンツボックスとボーダーボックスの違いは何ですか?; width:10px border:15px; }
.test1{ box-sizing:コンテンツボックスとボーダーボックスの違いは何ですか?; width:200px; padding:10px; border:15px solid #eee; }
.test2{ box-sizing:コンテンツボックスとボーダーボックスの違いは何ですか?; width:200px; padding:10px; border:15px solid #eee; }
.test2{ box-sizing:コンテンツボックスとボーダーボックスの違いは何ですか?; width:10px; border:15px }
以上がコンテンツボックスとボーダーボックスの違いは何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。