سلکتور [attribute~="value"]
بازگشت به صفحه اصلی
بازگشت به صفحه مقاله
دو ستونی
دو سطری
اجرای کد RUN »
<!DOCTYPE html> <html> <head> <style> [title~=flower] { border: 5px solid yellow; } </style> </head> <body> <p dir="rtl">تمامی تصاویری که دارای کلمه flower در صفت title هستند ، حاشیه زرد می گیرند.</p> <img src="klematis.jpg" title="klematis flower" width="150" height="113"> <img src="img_flwr.gif" title="flower" width="224" height="162"> <img src="img_tree.gif" title="tree" width="200" height="358"> <p dir="rtl"><b>نکته:</b> برای عمل کردن درست [<i>attribute</i>] در IE8 و ورژن های قبل ، باید DOCTYPE را تعریف کنید.</p> </body> </html>