Margin

Demonstrates `margin` with fixed and logical properties for all directions:

Fixed: Margin-Top
Logical (English): Margin-Block-Start
مثال منطقي (عربي): بداية الهامش العمودي
Fixed: Margin-Bottom
Logical (English): Margin-Block-End
مثال منطقي (عربي): نهاية الهامش العمودي
Fixed: Margin-Left
Logical (English): Margin-Inline-Start
مثال منطقي (عربي): بداية الهامش المائل
Fixed: Margin-Right
Logical (English): Margin-Inline-End
مثال منطقي (عربي): نهاية الهامش المائل

Padding

Demonstrates `padding` with fixed and logical properties for all directions:

Fixed: Padding-Top
Logical (English): Padding-Block-Start
مثال منطقي (عربي): بداية الحشوة العمودية
Fixed: Padding-Bottom
Logical (English): Padding-Block-End
مثال منطقي (عربي): نهاية الحشوة العمودية
Fixed: Padding-Left
Logical (English): Padding-Inline-Start
مثال منطقي (عربي): بداية الحشوة المائلة
Fixed: Padding-Right
Logical (English): Padding-Inline-End
مثال منطقي (عربي): نهاية الحشوة المائلة

Border Radius

Demonstrates `border-radius` with fixed and logical properties for all directions:

Fixed: Border-Top-Left-Radius
Logical (English): Border-Start-Start-Radius
مثال منطقي (عربي): نصف قطر الزاوية البداية العليا
Fixed: Border-Top-Right-Radius
Logical (English): Border-Start-End-Radius
مثال منطقي (عربي): نصف قطر الزاوية البداية العليا
Fixed: Border-Bottom-Left-Radius
Logical (English): Border-End-Start-Radius
مثال منطقي (عربي): نصف قطر الزاوية البداية السفلى
Fixed: Border-Bottom-Right-Radius
Logical (English): Border-End-End-Radius
مثال منطقي (عربي): نصف قطر الزاوية النهاية السفلى

Position

Demonstrates `position` with fixed and logical properties for all directions:

Fixed: Top
Logical (English): Inset-Block-Start
مثال منطقي (عربي): الإدراج في الأعلى العمودي
Fixed: Bottom
Logical (English): Inset-Block-End
مثال منطقي (عربي): الإدراج في النهاية العمودية
Fixed: Left
Logical (English): Inset-Inline-Start
مثال منطقي (عربي): الإدراج في البداية المائلة
Fixed: Right
Logical (English): Inset-Inline-End
مثال منطقي (عربي): الإدراج في النهاية المائلة