سی ایس ایس فہرست
- پچھلے پیج سی ایس ایس فونت
- پائیدار پیج سی ایس ایس فیری ماڈل معرف
ویژگیهای لیست CSS به شما اجازه میدهند که نشانههای لیست را قرار دهید، تغییر دهید یا از تصویر به عنوان نشانه استفاده کنید.
سی ایس ایس فہرست
به یک معنا، هر محتوایی که غیر از متن توصیفی باشد میتواند به عنوان لیست در نظر گرفته شود. سرشماری، مجموعه خورشید، نژاد، منو بازدید، حتی همه دوستان شما میتوانند به عنوان یک لیست یا لیستهای لیست نشان داده شوند.
به دلیل تنوع لیستها، این باعث میشود که لیستها بسیار مهم باشند، بنابراین، سبکهای لیست در CSS نسبتاً ناچیز است، که واقعاً یک نکته ناراحتکننده است.
نوع لیست
برای تأثیرگذاری بر سبک لیست، آسانترین و پرترین روش تغییر نوع نشانهها است.
مثلاً در یک لیست نا منظم، نشانههای لیست (marker) در کنار هر لیست وجود دارند. در لیستهای منظم، نشانهها ممکن است حروف، اعداد یا نشانهای از سیستم شمارش باشند.
برای تغییر نوع نشانههای لیست، میتوان از ویژگی لیسٹ استایل تایپ:
ul {list-style-type : square}
این اعلام باعث میشود که نشانههای لیست در لیستهای نا منظم به شکل مربع باشند.
تصویر لیستها
گاهی اوقات، نشانههای معمول کافی نیستند. ممکن است بخواهید از یک تصویر برای هر نشانه استفاده کنید، که میتوان از لیسٹ استایل تصویر این ویژگی به
ul li {list-style-image : url(xxx.gif)}
با استفاده از یک ارزش url() ساده، میتوان از تصویر به عنوان نشانه استفاده کرد.
موقعیت نشانههای لیست
CSS2.1 میتواند تعیین کند که نشانهها در خارج از محتوای لیست یا در داخل آن ظاهر میشوند. این از لیسٹ استایل پوزیشن کامله.
لیستهای خلاصه شده
برای سادگی، میتوان 3 ویژگیهای لیست بالا را به یک ویژگی آسانتر ترکیب کرد:لیسٹ استایل، مثل این:
li {list-style : url(example.gif) square inside}
ارزشهای list-style میتوانند به ترتیب هر کدام لیست شوند و همچنین میتوانند نادیده گرفته شوند. به محض اینکه یک ارزش ارائه شد، دیگران به ارزشهای پیشفرض خودشان پر میشوند.
مثال CSS لیست:
- نوع مختلف لیستهای نا منظم در لیست
- یہ مثال لیکن سی ایس ایس میں مختلف نوعیت کی لیسٹ آئٹم نمائش کو دکھاتا ہے۔
- ترتیب لیست مختلف درج گزینههای لیست
- یہ مثال لیکن سی ایس ایس میں مختلف نوعیت کی لیسٹ آئٹم نمائش کو دکھاتا ہے۔
- تمام لیست استایل نوعیت
- یہ مثال لیکن سی ایس ایس میں مختلف نوعیت کی لیسٹ آئٹم نمائش کو دکھاتا ہے۔
- تصویر کو لیسٹ آئٹم نمائش کی نقش میں سیٹ کرنا
- یہ مثال لیکن تصویر کو لیسٹ آئٹم نمائش کی نقش میں سیٹ کرنا دکھاتا ہے۔
- لیسٹ نمائش کو جگہ سیٹ کرنا
- یہ مثال لیکن لیسٹ نمائش کو جگہ سیٹ کرنا دکھاتا ہے۔
- لیسٹ پرز کو ایک پرز میں سیٹ کرنا
- یہ مثال لیکن لیست کے لئے تمام پرز کو ایک کمپکٹ پرز میں سیٹ کرنا دکھاتا ہے۔
سی ایس ایس لیست پرز (لیسٹ)
| پرز | وصف |
|---|---|
| لیسٹ استایل | کمپکٹ پرز |
| لیسٹ استایل تصویر | لیسٹ آئٹم نمائش کی تصویر کو سیٹ کرنا۔ |
| لیسٹ استایل پوزیشن | لیسٹ میں لیسٹ آئٹم نمائش کی پوزیشن کو سیٹ کرنا۔ |
| لیسٹ استایل تایپ | لیسٹ آئٹم نمائش کی نوعیت کو سیٹ کرنا۔ |
| مارکر اوفسٹ |
- پچھلے پیج سی ایس ایس فونت
- پائیدار پیج سی ایس ایس فیری ماڈل معرف
