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 پشتیبانی می کنند.
