انتقل إلى محتوى الدرس

CSS list style position خاصية list-style-position في لغة CSS

سوف تتعلم في هذا الدرس كيفية التحكم في شكل العلامات التي تظهر بجانب القوائم المرقمة والقوائم الغير مرقمة في لغة CSS.

1 صفوف تعليمية
لغة CSS
6,945 مشاهدة

شرح صفوف ومحتوى الفقرة

الصف 1 شرح توضيحي

يمكن تحديد  bullet points ترقيم القوائم داخلياً أو خارجياً في لغة CSS وذلك عن طريق خاصية list-style-position.


قيم  خاصية list-style-position:

  • inside داخل صندوق النصوص.
  • outside خارج صندوق النصوص.

CSS list style position

خاصية list-style-position في لغة CSS.

Result

CSS list style position

خاصية list-style-position في لغة CSS.

HTML
.a
{
  list-style-position: outside;
}
.b
{
  list-style-position: inside;
}