تعریف و کاربرد
برای محاسبه عرض و ارتفاع یک عنصر از خاصیت box-sizing استفاده می کنیم.
اطلاعات
# | توضیحات |
---|---|
مقدار پیشفرض | محدوده محتوایی |
ارث بری | خیر |
انیمیشن | خیر |
نسخه | CSS3 |
نگارش JS | object.style.boxSizing="border-box" |
سازگاری با مرورگر
# | کروم | ادج | فایرفاکس | سافاری | اپرا |
---|---|---|---|---|---|
box-sizing |
شیوه نگارش
مقادیر
مقادیر | توضیحات |
---|---|
content-box | به صورت پیش فرض ویژگی های عرض و ارتفاع (حداقل و حداکثر) محتوایی را تعیین می کند. |
border-box | ویژگی های عرض و ارتفاع (حداقل و حداکثر) را تعیین می کند. |
initial | این مقدار را به ویژگی پیش فرض خود اضافه می کند. |
inherit | این مقدار را از تگ والد خود به ارث می برد. |