شرح صفوف ومحتوى الفقرة
بدلاً من كتابة استثناءات منفصلة لمسافات الأيقونات والقوائم عند تعريب الواجهة، توفر الهوامش والحشوات المنطقية خصائص فردية ومختصرة بالغة الوضوح:
- خصائص الحافة الواحدة:
margin-inline-startوmargin-inline-endوmargin-block-startوmargin-block-end، ويقابلها تماماً في الحشوات الداخليةpadding-inline-startوpadding-inline-endوpadding-block-startوpadding-block-end. - المختصرات المحورية: تتيح قاعدة
margin-inline: autoتوسيط الحاوية أفقياً بسطر واحد، كما تضبطpadding-inline: 16pxحشوة البداية والنهاية معاً، وتضبطpadding-block: 10pxالحشوة العلوية والسفلية معاً.
CSS
.action-btn {
padding-block: 8px;
padding-inline: 16px;
}
.btn-icon {
margin-inline-end: 8px;
}