تگ style در HTML
به نام خداوند علم و دانش. سلام به دوستان گرامی و مخاطبین وب سایت آموزشی کدیونی، وقت همگی بخیر، در این صفحه با مطلب تگ style در HTML از سری آموزش های HTML در خدمت شما عزیزان هستیم.
تگ style چیست؟
تگ style جزو تگ هایی است که درون تگ head قرار می گیرد و با استفاده از آن می توان کد های CSS را به صورت داخلی درون صفحه HTML فراخوانی کرد.
این تگ با <style> شروع شده و با </style> پایان می یابد.
<style></style>صفات تگ style
در این بخش با صفات تگ style آشنا خواهید شد.
صفت media
با استفاده از صفت media می توان استایل را برای دستگاه و رسانه های مختلف بهینه سازی کرد.
<style media="all|aural|braille|handheld|projection|print|screen|tty|tv"></style>مقدار پیش فرض این صفت all است یعنی استایل برای همه دستگاه ها اجرا شود و در صورتی که می خواهید استایلی برای دستگاه یا رسانه خاص مانند صفحه پرینت طراحی کنید مقدار آن را باید print بگذارید.
صفت type
نوع رسانه تگ style را مشخص می کند.
<style type="text/css"></style>مثال تگ style
کد:
<!DOCTYPE html>
<html>
<head>
<style>
p {
font-weight: bold;
}
</style>
</head>
<body>
<p>CodeUni.Ir</p>
</body>
</html>سازگاری با مرورگرها
تگ style با مرورگرهای زیر سازگار است:
- گوگل کروم
- فایرفاکس
- اج
- اپرا
- سافاری
- گوگل کروم اندروید
- فایرفاکس اندروید
- اپرا اندروید
- سافاری iOS