إنشاء CSS Grid
إنشاء CSS Grid. طبّق إنشاء CSS Grid على مدخلاتك. اضبط الأعمدة, التباعد (px), الحد الأدنى لعرض العمود (px) وافحص النتيجة قبل نسخها.
النص والتحويل
يعمل داخل هذا المتصفحالنتيجة
اضبط المدخلات وشغّل الأداة لعرض النتيجة.
كيفية استخدام إنشاء CSS Grid
- راجع المثال المعبأ ووحدات الإدخال، ثم استبدله ببياناتك.
- طبّق إنشاء CSS Grid على مدخلاتك. اضبط الأعمدة, التباعد (px), الحد الأدنى لعرض العمود (px) وافحص النتيجة قبل نسخها.
- شغّل الأداة وافحص النتيجة، ثم انسخ أو نزّل ما تحتاج إليه.
الطريقة والنطاق
طبّق إنشاء CSS Grid على مدخلاتك. اضبط الأعمدة, التباعد (px), الحد الأدنى لعرض العمود (px) وافحص النتيجة قبل نسخها.
عدّل المثال أو الصق المحتوى الخاص بك.
مثال للمدخلات
الأعمدة: 3 التباعد (px): 16 الحد الأدنى لعرض العمود (px): 220
أسئلة والتحقق من النتائج
كيف تحدد أداة إنشاء CSS Grid النتيجة؟
طبّق إنشاء CSS Grid على مدخلاتك. اضبط الأعمدة, التباعد (px), الحد الأدنى لعرض العمود (px) وافحص النتيجة قبل نسخها.
ما الذي يجب التحقق منه قبل المعالجة؟
عدّل المثال أو الصق المحتوى الخاص بك.
كيف أتحقق من المخرجات؟
استخدم المثال المرفق للتحقق، ثم قارن النتائج المهمة بالمصدر أو المستند التجاري الأصلي.
الأعمدة: 3 التباعد (px): 16 الحد الأدنى لعرض العمود (px): 220
أدوات ذات صلة
px → rem
احسب باستخدام القيمة بالبكسل (px), حجم خط العنصر الجذر (px)؛ راجع الصيغة والوحدات والمثال المحلول.
أدوات المطورpx → em
احسب باستخدام القيمة بالبكسل (px), حجم خط العنصر الأب (px)؛ راجع الصيغة والوحدات والمثال المحلول.
أدوات المطورتحويل وحدات مساحة العرض
احسب باستخدام القيمة بالبكسل (px), حجم إطار العرض (px)؛ راجع الصيغة والوحدات والمثال المحلول.
أدوات المطورنسبة العرض إلى الارتفاع
احسب باستخدام العرض, الارتفاع؛ راجع الصيغة والوحدات والمثال المحلول.
أدوات المطوراختبار التعابير النمطية
طبّق اختبار التعابير النمطية على مدخلاتك. اضبط النص المدخل, التعبير النمطي, الرايات وافحص النتيجة قبل نسخها.
أدوات المطورتهريب النص الحرفي للتعبير النمطي
طبّق تهريب النص الحرفي للتعبير النمطي على مدخلاتك. اضبط النص المدخل وافحص النتيجة قبل نسخها.