Воситандани тавсифи унсурҳо дар CSS
Одатан, тавсифе, ки дар дарсҳои қаблӣ тавсиф шудааст, зарарнок аст
ва шумо мехоҳед аз он халос шавед. Барои
ин дар CSS хосияти box-sizing мавҷуд аст.
Агар ба он қимати border-box-ро муайян кунед,
пас на padding ва на зарра
блокро васеъ намекунанд:
<div id="elem1"></div>
<div id="elem2"></div>
#elem1 {
width: 100px;
height: 100px;
background: #f1f1f1;
margin-bottom: 20px;
}
#elem2 {
width: 100px;
height: 100px;
background: #f1f1f1;
padding: 25px; /* фосилаҳоро муайян мекунем */
border: 10px solid green; /* зарраро муайян мекунем */
box-sizing: border-box; /* васеъшавиро нест мекунем */
}
:
Хосияти тавсифшудаи box-sizing-ро
худ озмоед.
