css3 ボックス サイズ設定プロパティ
翻訳結果：
box
英[bɒks] 美[bɑ:ks]
n.ボックス; 箱のような物体; ボックス; 哨兵室
vt. Put... into a box [box, box]
vt.& vi.Boxing
三人称単数: ボックス 複数形: ボックス 現在分詞: ボクシング 過去形: ボックス過去分詞: boxed
sizing
英['saɪzɪŋ] 美['saɪzɪŋ]
n. 選別; ゴム材料; スラグ粉砕; に従って処理
サイズに合わせてcss3 ボックス サイズ設定プロパティ構文
機能: 特定の領域に適合した特定のコンテンツを正確な方法で定義できます。
注: Internet Explorer、Chrome、Safari、および Opera は、ボックス サイズ属性をサポートしています。 Firefox にはプレフィックス -moz- が必要です。
css3 の box-sizing 属性を使用すると、特定の方法で特定の領域に一致する特定の要素を定義できます。これには 2 つの値があります: content-box (実際の幅は幅の合計であることを意味します)ボーダーとパディング。ボーダーボックスは、実際の幅が幅の値と等しいことを意味します
css3 ボックス サイズ設定プロパティ例
<!DOCTYPE html>
<html>
<head>
<style>
div.container
{
width:30em;
border:1em solid;
}
div.box
{
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */
width:50%;
border:1em solid red;
float:left;
}
</style>
</head>
<body>
<div class="container">
<div class="box">这个 div 占据左半部分。</div>
<div class="box">这个 div 占据右半部分。</div>
</div>
</body>
</html>インスタンスの実行 »
[インスタンスの実行] ボタンをクリックしてオンライン インスタンスを表示します