HTML <style> ਟੈਗ

  • ਪਿੰਡਾ ਪੰਨਾ <strong>
  • ਅਗਲਾ ਪੰਨਾ <sub>

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

<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>

خود کو کچھ کریجئے

تیار کاری اور نظریات

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

ਸੁਝਾਅ:ਬਾਹਰੀ ਸਟਾਇਲ ਸ਼ੈਡ ਨੂੰ ਲਿੰਕ ਕਰਨ ਲਈ ਵਰਤੋਂ ਕਰੋ <link> ਟੈਗ。

ਸੁਝਾਅ:ਸਟਾਇਲ ਸ਼ੈਡ ਬਾਰੇ ਹੋਰ ਜਾਣਕਾਰੀ ਲਈ ਸਾਡੇ CSS ਸਿੱਖਿਆ。

ਵਿਸ਼ੇਸ਼ਤਾ

ਵਿਸ਼ੇਸ਼ਤਾ ਮੁੱਲ ਵਰਣਨ
media media query ਸਟਾਇਲ ਦੀ ਵਰਤੋਂ ਦੇ ਮੀਡੀਆ ਨੂੰ ਨਿਰਧਾਰਿਤ ਕਰਦੇ ਹਨ。
type text/css ਜਾਂਬੂਕੁਲਮ ਟੈਗ ਦੇ ਮੀਡੀਆ ਪ੍ਰਕਾਰ ਨੂੰ ਨਿਰਧਾਰਿਤ ਕਰਦੇ ਹਨ。

ਸਰਬਵਿਆਪੀ ਵਿਸ਼ੇਸ਼ਤਾ

<style> ਟੈਗ ਇਵੈਂਟ ਵਿਸ਼ੇਸ਼ਤਾ ਦੀ ਸਮਰਥਨ ਕਰਦੇ ਹਨ HTML ਵਿੱਚ ਸਰਬਵਿਆਪੀ ਵਿਸ਼ੇਸ਼ਤਾ。

ਈਵੈਂਟ ਵਿਸ਼ੇਸ਼ਤਾ

<style> ਟੈਗ ਇਵੈਂਟ ਵਿਸ਼ੇਸ਼ਤਾ ਦੀ ਸਮਰਥਨ ਕਰਦੇ ਹਨ HTML ਵਿੱਚ ਈਵੈਂਟ ਵਿਸ਼ੇਸ਼ਤਾ。

ਮੂਲਤਬੀ CSS ਸੈਟਿੰਗ

ਮੋਸਟ ਬਰਾਉਜ਼ਰਜ਼ ਹੇਠ ਦਿੱਤੇ ਮੂਲਤਬੀ ਮੁੱਲਾਂ ਨਾਲ ਪ੍ਰਦਰਸ਼ਿਤ ਕਰਦੇ ਹਨ: <style> ਇਲੈਕਟ੍ਰੌਨਿਕਸ:

style {
  display: none;
}

ਬਰਾਉਜ਼ਰ ਸਮਰਥਨ

ਚਰੋਮ ਐਜ਼ਡ ਫਾਇਰਫਾਕਸ ਸੈਫਾਰੀ ਓਪੇਰਾ
ਚਰੋਮ ਐਜ਼ਡ ਫਾਇਰਫਾਕਸ ਸੈਫਾਰੀ ਓਪੇਰਾ
ਸਹਾਇਤਾ ਸਹਾਇਤਾ ਸਹਾਇਤਾ ਸਹਾਇਤਾ ਸਹਾਇਤਾ
  • ਪਿੰਡਾ ਪੰਨਾ <strong>
  • ਅਗਲਾ ਪੰਨਾ <sub>