جلسه ۱۴۰ : آموزش کار با ویژگی list-style-position در CSS

• جزئیات
• نوع محتواآموزشی

سلام به همه پی وی لرنی های عزیز!
به دوره آموزش ویژگی های CSS خوش آمدید. CSS مخفف Cascade Style Sheets است که توسط W3C یا کنسرسیوم جهانی وب ایجاد شده است. اگر HTML اسکلت و ساختار وب است آنگاه CSS گوشت پوست وب را تشکیل می دهد که ضعف های HTML را پوشش داده و آن ها را رفع می نماید. در این مجموعه از مجموعه آموزش های پی وی لرن قرار است به سراغ دوره آموزش ویژگی های CSS برویم و شما را با Properties ها یا ویژگی های CSS آشنا کنیم. روند هر جلسه این دوره به این شکل است که هر جلسه اختصاص به یک ویژگی دارد و در هر جلسه نیز برای هر Property یا ویژگی نیز سعی شده با ارائه مثال های مرتبط، یادگیری ویژگی های CSS آسان تر و ماندگارتر شود.
در جلسه گذشته با ویژگی list-style-image آشنا شدیم؛ این ویژگی به جایگزینی list-item marker با تصویر می پردازد.
در جلسه کنونی قرار است به آموزش کار با ویژگی list-style-position در CSS بپردازیم.

آموزش کار با ویژگی list-style-position در CSS

به مثال زیر توجه نمایید؛ در این مثال موقعیت list-item markers را مشخص کرده ایم.

تعریف و کاربرد

ویژگی list-style-position موقعیت list-item markers یا bullet points را مشخص می کند.

;list-style-position: outside به معنای این است که bullet points یا نقاط گلوله در خارج از لیست آیتم قرار می گیرد. شروع هر خط از یک لیست به صورت عمودی تراز می شود:

;list-style-position: insideبه معنای این است که bullet points در داخل لیست آیتم قرار می گیرد و از آن جا که آن بخشی از آیتم لیست است در آن صورت بخشی از متن هم خواهد بود و متن را در ابتدای آن قرار خواهد داد.

پشتیبانی مرورگر ها

در ادامه آموزش کار با ویژگی list-style-position در CSS جدولی ارائه کرده ایم که نشان می دهد این ویژگی CSS در چه مرورگر های پشیبانی می شود.

نام ویژگی
list-style-position	۱٫۰	۱٫۰	۳٫۵	۱٫۰	۴٫۰

سینتکس CSS

مقدار ویژگی

کلام آخر

در این جلسه به آموزش کار با ویژگی list-style-position در CSS پرداختیم؛ ویژگی list-style-position موقعیت list-item markers یا bullet points را مشخص می کند.
در جلسه بعدی با ویژگی list-style-type آشنا خواهیم شد.
با پی وی لرن همراه باشید.