خصائص grid-columns في CSS
دعم المتصفحات
لا يدعم أي متصفح الخاصية grid-columns.
التعريف والاستخدام
خصائص grid-columns هي عرض كل عمود في الشبكة.
نصيحة:يتمتع نظام الشبكة بمزايا كبيرة للتصميمين للطباعة. الآن يتم تطبيق نفس التغييرات على المحتوى عبر الإنترنت. توفر خاصية الشبكة القدرة على تعديل حجم النصوص والصور ووضعها في شبكة قابلة للتعديل.
مثال
إضافة خط شبكة في منتصف عنصر div، وأضف آخر على بعد 200 بكسل من اليمين، وأضف ثالثًا في منتصف المساحة المتبقية:
div
{
grid-columns:50% * * 200px;
}
نصوص CSS
grid-columns: الطول|%|لا شيء|تنسيق;
قيمة الخاصية
| القيمة | الوصف |
|---|---|
| الطول | المرجع على شبكة الصندوق الذي يحتوي على العناصر. |
| % | المرجع على عرض الصندوق الذي يحتوي على العناصر. |
| لا شيء | |
| تنسيق |
تفاصيل التقنية
| القيمة الافتراضية: | لا شيء |
|---|---|
| الوراثة: | لا |
| الإصدار: | CSS3 |
| قواعد اللغة JavaScript: | object.style.gridColumns="50% * * 200px" |
