Okuzeka
تطوير الويب · مصطلحات · CSS وتنسيق الصفحات

ما معنى CSS grid؟

المعنى في مجال تطوير الويب مع أمثلة

اسممصطلح شائع

CSS grid: شبكة CSS، CSS Grid

نظام تخطيط في CSS لوضع العناصر في صفوف وأعمدة في الوقت نفسه، وهو مفيد لتخطيط الصفحات كاملةً ومعارض البطاقات.

طريقة الاستخدام

يُفعّل باستخدام display: grid. يحدد المطورون الصفوف والأعمدة عبر grid-template-columns، ويستخدمون وحدة fr ويسمّون مناطق الشبكة. وغالبًا ما يُختصر الاسم إلى «Grid»، كما في «لنبنِ هذا باستخدام Grid».

أمثلة

  1. With CSS grid, the gallery shows four columns on desktop and two on tablets.

    باستخدام شبكة CSS، يعرض المعرض أربعة أعمدة على الحاسوب وعمودين على الأجهزة اللوحية.

    تتكيف الشبكة مع عرض الشاشة، فتقلل الأعمدة على الجهاز الأصغر لتحافظ على وضوح البطاقات.

  2. I rebuilt the dashboard with CSS grid and removed half of the wrapper divs.

    أعدت بناء لوحة المعلومات باستخدام شبكة CSS وحذفت نصف عناصر div الحاوية.

    أتاح نظام التخطيط ترتيب العناصر مباشرةً، فقلّت الحاجة إلى أغلفة HTML الإضافية.

تراكيب شائعة

  • grid layout
  • grid template
  • grid area
  • fr unit
  • display: grid

معنى الكلمة في مجالات أخرى

قد يختلف معنى الكلمة الإنجليزية نفسها من مجال إلى آخر:

مصطلحات أخرى: CSS وتنسيق الصفحات

تدرّب على القراءة المتدرجة

تساعدك القراءة بالمستوى المناسب على تثبيت المفردات الجديدة. اختر كتبًا إنجليزية مجانية: