شرح صفوف ومحتوى الفقرة
تستخدم صناديق الملاحظات والاقتباسات وعناصر القوائم النشطة شريطاً جانبياً ملوناً عند بداية السطر مع زوايا دائرية في الجهة المقابلة. وتوفر خصائص الإطارات والزوايا المنطقية تحكماً كاملاً يتبع اتجاه اللغة تلقائياً:
- الإطارات المنطقية:
border-inline-startوborder-inline-endوborder-block-startوborder-block-end، إضافة إلى المختصرينborder-inlineوborder-block. - تدوير الزوايا المنطقي: يُكتب بترتيب المحور الكتلي أولاً ثم السطري عبر الأربع خصائص
border-start-start-radiusوborder-start-end-radiusوborder-end-start-radiusوborder-end-end-radius.
CSS
.callout-note {
border-inline-start: 5px solid #0f766e;
border-start-end-radius: 12px;
border-end-end-radius: 12px;
padding-block: 10px;
padding-inline: 14px;
}