kotak

kotak

saiz

saiz

英 ['saɪzɪŋ] 美 ['saɪzɪŋ]

harta bersaiz kotak css sintaks

Apa yang dilakukannya: Atribut bersaiz kotak membolehkan anda menentukan elemen tertentu yang sepadan dengan kawasan tertentu dengan cara tertentu. Contohnya, jika anda perlu meletakkan dua kotak bersempadan bersebelahan, anda boleh melakukannya dengan menetapkan saiz kotak kepada "kotak sempadan". Ini menyebabkan penyemak imbas membuat kotak dengan lebar dan ketinggian yang ditentukan, dan meletakkan sempadan dan padding ke dalam kotak.

Sintaks: saiz kotak: kotak kandungan|kotak-sempadan|warisi

Penerangan: kotak kandungan Ini ialah gelagat lebar dan ketinggian yang ditentukan oleh CSS2.1. Lebar dan tinggi digunakan secara berasingan pada kotak kandungan elemen. Melukis pelapik dan sempadan elemen di luar lebar dan ketinggiannya. kotak sempadan Set lebar dan ketinggian untuk elemen menentukan kotak sempadan elemen. Iaitu, sebarang padding dan sempadan yang ditentukan untuk elemen akan dilukis dalam lebar dan ketinggian yang ditetapkan. Lebar dan tinggi kandungan diperoleh dengan menolak sempadan dan pelapik masing-masing daripada lebar dan tinggi yang ditetapkan. inherit menentukan bahawa nilai sifat bersaiz kotak harus diwarisi daripada elemen induk.​

Nota: Internet Explorer, Opera dan Chrome menyokong atribut saiz kotak. Firefox menyokong sifat alternatif -moz-box-sizing.

harta bersaiz kotak css contoh

<!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>
Jalankan Instance »

Klik butang "Run Instance" untuk melihat contoh dalam talian