HTML <style> Tag
تگ <style>
در HTML در برگیرنده اطلاعاتی در رابطه با استایل عناصرِ صفحه می باشد.
مثال:
<!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <style type="text/css" media="(max-width:500px)"> body { direction: rtl; font-family: "segoe ui"; } h4 { color: red; background-color: lightgreen; padding: 10px; } </style> </head> <body> <h4>این یک نوشته نمونه است.</h4> </body> </html>
نتیجه:
مشاهده و ویرایش کد در حالت تمام صفحه
تگ <style>
باید داخل تگ <head>
باشد.
صفت ها (Attributes)
media
این صفت نوع دستگاه نمایش دهنده صفحه و همچنین عرض صفحه برای اعمال استایل را مشخص می کند.
مثال: "media="screen and (min-width:500px)
type
نوع مدیا را مشخص می کند. مانند: text/css
پشتیبانی مرورگرها
تمام مرورگرها از این تگ HTML پشتیبانی می کنند.