ہیٹل <style> کا بل

تعریف اور استعمال

<style> برچی کا استعمال کیا جاتا ہے تاکہ ڈاکومن کی اسٹائل معلومات کا تعریف کیا جائے (سی ایس ایس)。

عنصر میں، <style> عنصر میں، آپ کسی ایچ تیبل عنصر کی بروزر میں نمائش کا طریقہ طے سکتے ہیں。

لطفاً دیکھئے کہ اسٹائل عنصر میں سی ایس ایس اسٹائل کی دفعات کا تعریف کیا جاتا ہے، جبکہ لینک عنصر بیرونی اسٹائل تیبل کی سی ایس ایس اسٹائل کو ادا کرتا ہے۔

اسٹائل عنصر ایچ تیبل ڈاکومن کی اندرون کی سی ایس ایس اسٹائل کی دفعات کا تعریف کرتا ہے، جبکہ لینک عنصر بیرونی اسٹائل تیبل کی سی ایس ایس اسٹائل کو ادا کرتا ہے۔

مزید دیکھئے:

ایچ تیبل تعلیمHTML CSS

سی ایس ایس تعلیمCSS درس

ایچ تیبل ڈوم رفرنسی دسکمناسٹائل آپرائز

مثال

مثال 1

استعمال <style> عنصر ایک سادے اسٹائل تیبل کو ایچ تیبل ڈاکومن پر استعمال کرتا ہے:

<html>
<head>
<style>
  h1 {color:red;}
  p {color:blue;}
</style>
</head>
<body>
<h1>یہ عنوان ہے</h1>
<p>یہ ایک پاراگراف ہے。</p>
</body>
</html>

خود خود سائیڈ سائیڈ

مثال 2

ایک ہی عنصر کا متعدد اسٹائل:

<html>
<head>
<style>
  h1 {color:red;}
  p {color:blue;}
</style>
<style>
  h1 {color:green;}
  p {color:pink;}
</style>
</head>
<body>
<h1>یہ عنوان ہے</h1>
<p>یہ ایک پاراگراف ہے。</p>
</body>
</html>

خود خود سائیڈ سائیڈ

نکات اور کoment

توجہ دیجئے:جبکا کا بروزر اسٹائل تیبل پڑھتا ہے تو وہ اسٹائل تیبل کی معلومات کی بنیاد پر ایچ تیبل ڈاکومن فارمیٹ کرتا ہے۔ اگر مختلف اسٹائل تیبلوں میں ایک ہی انتخاب کو (عنصر) کچھ خاص کوالس کی دفعات کی گئی ہوئی تو اس کا آخری پڑھا اسٹائل تیبل کا کوالس استعمال کیا جائے گا (معلوم کریئن مثال کا نظر دیجئے)!

توضیح:برای لینک دادن به استایل‌های خارجی، از <link> تگ。

توضیح:برای اطلاعات بیشتری در مورد استایل‌ها، لطفاً منابع ما را بخوانید CSS درس。

نوع

نوع مقدار شرح
media بررسی رسانه رسانه‌ای که از آن برای استفاده از استایل استفاده می‌شود را تعیین می‌کند.
type text/css نوع رسانه <style> تگ را تعیین می‌کند.

نمونه‌های جهانی

<style> این تگ‌ها نیز از نمونه‌های رویداد پشتیبانی می‌کنند نمونه‌های جهانی در HTML。

نمونه‌های رویداد

<style> این تگ‌ها نیز از نمونه‌های رویداد پشتیبانی می‌کنند نمونه‌های رویداد در HTML。

تنظیمات پیش‌فرض CSS

بیشتر مرورگرها با تنظیمات پیش‌فرض زیر نمایش می‌دهند <style> عنصر:

style {
  display: none;
}

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

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
پشتیبانی پشتیبانی پشتیبانی پشتیبانی پشتیبانی