فتح
فتح

مرحبا في لوحة التحكم 👋

هذا نص تجريبي لوصف الصفحة. يُستخدم لإعطاء فكرة عن الشكل العام للمحتوى النهائي. يمكن تعديل هذا النص واستبداله بالمحتوى الفعلي عند الحاجة.

تقطيع شبكي Grid
تقطيع شبكي - Grid
1
2
3
4
تقطيع شبكي مع خاصية gap
1
2
3
4
1
2
3
4
1
2
3
4
1
2
3
4
1
2
3
4
1
2
3
4
1
2
3
4
1
2
3
4
1
2
3
4
1
2
3
4
تقطيع شبكي مع خاصية grid-column
1
2
3
4
5
6
7
8
9
10
11
12
1
2
3
4
5
6
7
8
9
10
11
12
1
2
3
4
5
6
7
8
9
10
11
12
1
2
3
4
5
6
7
8
9
10
11
12
1
2
3
4
5
6
7
8
9
10
11
12
1
2
3
4
5
6
7
8
9
10
11
12
1
2
3
4
5
6
7
8
9
10
11
12
1
2
3
4
5
6
7
8
9
10
11
12
1
2
3
4
5
6
7
8
9
10
11
12
1
2
3
4
5
6
7
8
9
10
11
12
1
2
3
4
5
6
7
8
9
10
11
12
تقطيع شبكي (متجاوب)
1
2
3
4
5
6
7
8
9
10
11
12
1
2
3
4
5
6
7
8
9
10
11
12
1
2
3
4
5
6
7
8
9
10
11
12
1
2
3
4
5
6
7
8
9
10
11
12
1
2
3
4
5
6
7
8
9
10
11
12
1
2
3
4
5
6
7
8
9
10
11
12
1
2
3
4
5
6
7
8
9
10
11
12
1
2
3
4
5
6
7
8
9
10
11
12
1
2
3
4
5
6
7
8
9
10
11
12
1
2
3
4
5
6
7
8
9
10
11
12
1
2
3
4
5
6
7
8
9
10
11
12
تقطيع شبكي مع خاصية grid-template-columns
1
2
3
4
1
2
3
4
1
2
3
1
2
3
4
1
2
3
4
5
1
2
3
4
5
6
1
2
3
4
5
6
7
1
2
3
4
5
6
7
8
1
2
3
4
5
6
7
8
9
1
2
3
4
5
6
7
8
9
10
1
2
3
4
5
6
7
8
9
10
11
1
2
3
4
5
6
7
8
9
10
11
12
حاوية مرنة Flexbox
حاوية مرنة
1
2
3
4
حاوية مرنة مع خاصية justify-content
1
2
3
4
حاوية مرنة مع خاصية flex grow
1
2
3
4
حاوية مرنة مع خاصية flex
1
2
3
4
حاوية مرنة مع خاصية gap
1
2
3
4
1
2
3
4
1
2
3
4
1
2
3
4
1
2
3
4
1
2
3
4
1
2
3
4
1
2
3
4
1
2
3
4
1
2
3
4
حاوية مرنة مع خاصية flex-direction
1
2
3
4
حاوية مرنة مع خاصية flex-wrap
1
2
3
4
5
6
7
8
هوامش - Margins
هوامش - Margins
1
2
3
4
5
6
7
8
9
10
هوامش علوية - Top Margins
1
2
3
4
5
6
7
8
9
10
هوامش سفلية - Bottom Margins
1
2
3
4
5
6
7
8
9
10
هوامش يمنى - Right Margins
1
2
3
4
5
6
7
8
9
10
هوامش يسرى - Left Margins
1
2
3
4
5
6
7
8
9
10
هوامش على المحور X - X Axis Margins
1
2
3
4
5
6
7
8
9
10
هوامش على المحور Y - Y Axis Margins
1
2
3
4
5
6
7
8
9
10
حواشي - Paddins
حواشي - Paddings
1
2
3
4
5
6
7
8
9
10
حواشي علوية - Top Paddings
1
2
3
4
5
6
7
8
9
10
حواشي سفلية - Bottom Paddings
1
2
3
4
5
6
7
8
9
10
حواشي يمنى - Right Paddings
1
2
3
4
5
6
7
8
9
10
حواشي يسرى - Left Paddings
1
2
3
4
5
6
7
8
9
10
حواشي على المحور X - X Axis Paddings
1
2
3
4
5
6
7
8
9
10
حواشي على المحور Y - Y Axis Paddings
1
2
3
4
5
6
7
8
9
10
اضغط للتوسعة لتخصيص متغيرات القالب
أو اختر أحد الثيمات الجاهزة