تگ style در HTML

دسته بندی : آموزش HTML سطح مقاله : متوسط زمان مطالعه : 2 دقیقه آخرین بروز رسانی: 22 آذر 1399

در این مقاله با تگ style در html آشنا می شوید.

نکات اصلی تگ style

تگ های style در HTML که در <head> یا <body> استفاده می شوند ، سبک دهی داخلی را برای عناصر تعریف می کنند.
این اطلاعات یک ظاهر طراحی شده حاوی CSS است.
این ممکن است در کل سند یا بخشی از آن اعمال شود.
سبک های درون خطی HTML CSS موجود در خارج را لغو می کنند ، اما با ویژگی style می توان آن ها را لغو کرد.

تعریف تگ style در HTML

تگ های style در HTML اطلاعات سبک CSS را که برای محتوای آن اعمال می شود ، تعریف می کنند:

<head>
<style>

/* This is internal styling */
h1 {
    color: indianred;
}

p {
    color: red;
}

</style>
</head>

می توانید تگ های style HTML را در عناصر <head> یا <body> قرار دهید. ما توصیه می کنیم اولین گزینه را انتخاب کنید ، زیرا به شما امکان می دهد محتوا و اطلاعات سبک را از هم جدا نگه دارید.

توجه: همچنین می توانید از عناصر <link> برای اعمال سبک های نگهداری شده در صفحه های سبک خارجی استفاده کنید.

ویژگی های مشترک تگ style

دو ویژگی وجود دارد که می توانید با عنصرهای style در HTML استفاده کنید. همچنین یکی وجود دارد که منسوخ شده است و هنگام تغییر style در HTML نباید از آن استفاده شود. با این حال ، باید همه آن ها را بشناسید.

media یک ویژگی اختیاری است که مشخص می کند خصوصیات طراحی باید بر کدام رسانه تأثیر بگذارد. مقدار پیش فرض آن همه است:

<style media="screen">

type یک ویژگی اختیاری است که زبان سبک را به عنوان نوع MIME (برنامه های افزودنی نامه چند منظوره اینترنتی) توصیف می کند. مقدار پیش فرض آن متن / css است:

<style type="text/css">

scoped یک ویژگی بولی بود ، که دامنه خصوصیات سبک درون خطی HTML را تعیین می کند:

<!-- a deprecated attribute -->
<style scoped>

هشدار: ویژگی scoped در HTML5 منسوخ شده است و نباید از آن برای سبک در HTML استفاده شود.

پشتیبانی مرورگر

این تگ در مرورگرهای : IE، safari ، firefox، cherom، opera و Edge پشتیبانی می شود.

در دوره آموزش HTML بین المللی آکادمی دویکس به صورت رایگان ثبت نام کنید.

این مقاله چقدر براتون مفید بود؟

اولین امتیاز را ثبت کنید😊