תאור המאפיין box-sizing


קובע לדפדפן מה גודל האובייקט (רוחב, וגובה).


קוד לדוגמה המציג את המאפיין box-sizing


<!DOCTYPE html>
<html>
<head>
    <title>כותרת האתר</title>
<style>
.divsizing {
    width: 300px;
    height: 100px;
    border: 1px solid blue;
    box-sizing: border-box;
}
</style>
<meta charset="utf-8"/>
</head>
<body>
    <div class="divsizing">text text text...</div>
</body>
</html>

תמיכה בדפדפנים למאפיין box-sizing


chrome logo
explorer logo
edge logo
firefox logo
safari logo
opera logo
10.0
8.0
כן
29.0
5.1
9.5

המספר מתחת לאייקון של הדפדפנים מציין את הגרסה הראשונה שבה נתמכת המאפיין.


גרסת css למאפיין box-sizing


3


תכונות למאפיין box-sizing


border-boxנעדכן בקרוב את תאור הערך.
content-boxנעדכן בקרוב את תאור הערך.
inheritמגדיר את הערך שיורש מההורה.
initialמגדיר את המאפיין לערך ברירת המחדל שלו.

השאר תגובה