تگ استايلHTML <style> Tag -
Previous > <Nextمثال ـ اعمال يك استايل ساده در سند با تگ<style>
<html> <head> <style> h1 {color:red;} p {color:blue;} </style></head> <body> <h1>A heading</h1> <p>A paragraph.</p> </body> </html>
تعريف وكاربردDefinition and Usage -
تگ<style> براي تعريف اطلاعات شيوه نامه اي يا استايلي براي سند استفاده ميشود.
در داخل عنصر استايل مشخص ميشود كه عناصرHTML چگونه خود را به مرورگر ارائه دهند .
توجه ـ هنگاميكه مرورگراستايل شيتي را ميخواند، فرمت عناصر سند را با آن تطبيق ميدهد .اگر بعضي از ويژگي ها مشابه عنصري درجند استايل شيت تعريف شده باشد، آخرين مقدار خوانده شده اعمال ميگردد .بمثال زير توجه كنيد.
نكته ـ براي اتصال بيك فايل استايل شيت درسند از تگ<link> استفاده نمائيد .
پشتيباني مرورگرBrowser Support -
| Element | 
| 
| 
| 
| 
|
|---|---|---|---|---|---|
| <style> | Yes | Yes | Yes | Yes | Yes |
ويژگي هاAttributes -
| ويژگي | مقدار | شــرح |
|---|---|---|
| media | media_query | مشخص ميكند كه استايل براي كدام رسانه است. |
| type | text/css | نوع محتوي داخل استايل را مشخص ميكند. |
ويژگي هاي جهانيGlobal Attributes -
تگ<style> از ويژگي هاي جهانيHTML پيروي ميكند.
ويژگي هاي رويداديEvent Attributes -
تگ فوق همچنين از ويژگي هاي رويدادي پيروي ميكند.
مثال بيشتر ـ چند استايل براي عناصر مشابه
<html> <head> <style> h1 {color:red;} p {color:blue;} </style><style> h1 {color:green;} p {color:pink;} </style></head> <body> <h1>This is a heading</h1> <p>This is a paragraph.</p> </body> </html>
تنظيمات پيش فرضDefault CSS Settings -
اغلب مرورگرها نمايش عنصر<dt> مطابق تنظيمات پيش فرضي زيرانجام ميدهند .
style {
display: none;
}
مرجع كامل تگهايHTML
مرجع كامل ويژگيهايHTML
Previous > <Next