در ادامه بررسي ويژگي هاي CSS 3.0 در اين شماره برخي از ويژگيهاي جديد
اين فناوري را مرور خواهيم كرد.
ويژگيهاي جديد براي انتخابگرها "Selectors"
انتخابگرهاي CSS يكي از ويژگي هايي مي باشند كه در نسخه 2.0 اين فناوري
نيز وجود داشته اند. در CSS 3.0،
خصوصيات جديدي نيز به آن ها اضافه شده است.
يكي از اين خصوصيات كه نمونه آن در نسخه قبل نيز وجود داشته
است، انتخابگر تشابه در شروع مي باشد. اين انتخابگر به شكل زير استفاده مي شود.
aaa[attribute^=«bbb«]{Properties;}
در اين حالت، aaa برابر با نام كنترل خواهد بود و bbb نيز يكي از خصوصيت آن تگ مي باشد.
اين دستور بيان مي كند كه تمام تگهاي آن نوع aaa كه خصوصيت atteibule آن ها با سر حرف bb شروع مي شود، مي بايست خصوصيات ذكر
شده زير را بپذيرند:
aaa[attribute^=«sa«]{color:Blue;}
در مثال فوق، از ميان تگ هاي div، آن هايي كه خصوصيت عنوان آن ها با sa شروع شود، خصوصيت رنگي برابر رنگ آبي
خواهدداشت.
در اين ويژگي جديد، بر عكس عملگر = ^ و عملگر $= نيز وجود دارد كه مقدار انتهايي خصوصيت را با مقدار ذكر شده
مقايسه مي كند.
همچنين در اين قالب، اگر از عملگر =* استفاده
شود، عبارت داده در CSS
در تمام رشته مقايسه مي شود.
div[title*=«ab«]{color:Blue;}
در مثال فوق تمام تگ هاي div كه عنوان آن ها شامل ab مي شود، خصوصيت رنگي برابر با blue خواهندگرفت.
ايجاد حاشيه عكس دار
يكي از قابليت هاي جديد CSS، قابليت عكس دار شدن حاشيه است.
تا قبل از CSS 3.0 براي ايجاد حاشيه در كنترلها تنها مي شد از خط استفاده كردا ما در
CSS 3.0 اين امكان گذاشته
شده است كه عكسي را به عنوان حاشيه يك كنترل انتخاب كنيم.
اين خصوصيت قابليت آن را دارد كه در صنعت طراحي وب تغييرات
زيادي را رقم بزند.
حتماً در سايتهاي مختلف مشاهده كرده ايد كه دور برخي از
قسمت هاي مانند متون، يك حاشيه زيبا و عكس دار وجود دارد اين حاشيه در نسخه هاي
قبل CSS با كمك يك جدول
كمكي واقع در دور كنترل به وجود مي آمده است اما در اين فناوري جديد مي توان به Borderهاي سمت
راست، بالا، پايين و چپ به آساني مقدار عكس داد.
نوشته شده توسط ايمان صغيري
,
درباره وبلاگ
دوستت دارم هايت تا ديروز قلبم را مي لرزاند امروز ... زمين مي لرزد اما ، قلبم ...
جستجو....
