سی ایس ایس فونٹ
- پچھلئی پیج سی ایس ایس متن
- آئندہ پیج سی ایس ایس فہرست
CSS ਫੰਟ ਪ੍ਰਤੀਯੋਗਿਤਾ ਟੈਕਸਟ ਦੀ ਫੰਟ ਪਰਿਵਾਰ, ਮਾਪ, ਬੋਲ੍ਹ, ਸਟਾਈਲ (ਜਿਵੇਂ ਕਿ ਸਲੈਸ਼ ਇਟਲਿਕ) ਅਤੇ ਰੂਪ ਬਦਲ (ਜਿਵੇਂ ਕਿ ਮਨਸੂਰੀ ਆਰਬਿਕ ਬੰਦੇ) ਨਿਰਧਾਰਿਤ ਕਰਦੀ ਹੈ。
سی ایس ایس فونٹ سیریز
CSS میں، دو نوعیتوں کے فونٹ سلسلے کے نام ہیں:
- عام فونٹ سلسلے - مشابه نظر آنے والی فونٹ سسٹم کا مجموع (مثلاً "سرلیف" یا "مونواسپیس")
- خصوصی فونٹ سلسلے - خاص فونٹ سلسلے (مثلاً "تمز" یا "کوریر")
سینس-ریف میں، مختلف فونٹ سلسلے کی 5 نوعیتوں کا تعارف کیا گیا ہے:
- سرلیف فونٹ
- سینس-ریف فونٹ
- مونواسپیس فونٹ
- لیفری فونٹ
- فانتزی فونٹ
اگر آپ کو فونٹ سلسلے کی معلومات زیادہ جانی ہو، تو پڑھیئے: سی ایس ایس فونٹ سیریز.
فونٹ سلسلے نامزد کئے جانے کا طریقہ
استعمال کریں font-family کی خاصیت متن کا فونٹ سلسلہ تعریف کریں
عام فونٹ سلسلے استعمال کریں
اگر آپ چاہتے ہیں کہ دکومنٹ سینس-ریف فونٹ استعمال کردار کرسکتا ہو، لیکن آپ کو یہ ناگزیر نہیں کہ کس فونٹ کو استعمال کردار کرسکتا ہو، تو اس طرح کا اعلان مناسب ہوگا:
بدیلی {font-family: سینس-ریف;}
یوزر ایجنٹ کرسکتا ہے کہ وہ سینس-ریف فونٹ سلسلے سے ایک فونٹ کو منتخب کردار کرسکتا ہے (مثلاً ہیلیوٹیلا)، جسے بدیلی میں استعمال کردار کرسکتا ہے اور اسے بدیلی میں استعمال کردار کرسکتا ہے تاکہ یہ بدیلی میں استعمال کردار کرسکتا ہے اور اس کی ترتیب کی بنیاد پر، یہ فونٹ کا انتخاب بدیلی میں استعمال کردار کرسکتا ہے، مگر کسی خاص سلیکٹر کی ترجیح سے:
فونٹ سلسلے نامزد کئے جانے کا طریقہ
صرف عام فونٹ سلسلے استعمال کرنے کے علاوہ، آپ font-family کی خصوصیت کی بنیاد پر بھی خاص فونٹوں کو سیٹ کرسکتے ہیں:
درج کئے ہوئے مثال میں، سبھی h1 عناصر کو جیورجیا فونٹ فراہم کردار کیا گیا ہے:
h1 {font-family: جیورجیا;}
ایسا قوانین اگر یوزر ایجنٹ پر جیورجیا فونٹ نصب نہیں ہو، تو وہ صرف یوزر ایجنٹ کی طور پر مقرر فونٹ استعمال کردار کرسکتا ہے تاکہ وہ h1 عنصر کو دکھاسکتا ہے:
آپ اس مسئلے کو حل کرسکتے ہیں جب آپ کسی خاص فونٹ کا نام اور عام فونٹ سلسلے کی مجموعی کوشش کریں:
h1 {font-family: جیورجیا, سرلیف;}
اگر پڑھنے والا جیورجیا نا ناچنا ہو، لیکن تمز فونٹ (سرلیف فونٹ سلسلے میں کسی ایک فونٹ) نصب کردا ہو، یوزر ایجنٹ کرسکتا ہے کہ وہ h1 عنصر پر تمز استعمال کردے کیونکہ تمز جیورجیا سے کچھ نچلے نہیں کہیں، لیکن کم سے کم قریب ہیں:
اس لئے، ہم کہتے ہیں کہ سبھی font-family کی قوانین میں ایک عام فونٹ سلسلہ فراہم کرنا چاہئیے۔ اس طرح سے، یہ ایک پس منظر سلسلہ فراہم کرتا ہے، جب یوزر ایجنٹ کیوں نہ کہیوں اسی قوانین کے مطابق کسی خاص فونٹ کو فراہم نکال سکتا ہے تو، یہ کاندی فونٹ کا انتخاب کرسکتا ہے:
اگر آپ اپنے فونٹ کا بہت جانی آپ اپنے دینمک عناصر کیلئے ایک سلسلہ مشابه فونٹوں کا چننا بھی سکتے ہیں۔ اس کے لئے، آپ کو ان فونٹوں کو ترجیح کی بنیاد پر ترتیب دینا چاہئیے، بعد میں ان کو نکالنے کیلئے کمو ساتھ جوڑنا چاہئیے:
p {font-family: Times, TimesNR, 'New Century Schoolbook',}}
Georgia, 'New York', serif;}
ਇਸ ਸੂਚੀ ਦੇ ਅਨੁਸਾਰ, ਯੂਜ਼ਰ ਏਜੰਟ ਇਨ੍ਹਾਂ ਫੰਟਾਂ ਦੀ ਕਿਸੇ ਵੀ ਕੜੀ ਨੂੰ ਲੱਭੇਗਾ ਅਤੇ ਉਹ ਫੰਟ ਵਰਤੇਗਾ। ਜੇਕਰ ਸਾਰੇ ਫੰਟ ਉਪਲੱਬਧ ਨਹੀਂ ਹਨ, ਤਾਂ ਸਾਦਾ ਹੀ ਇੱਕ ਉਪਲੱਬਧ serif ਫੰਟ ਚੁਣਿਆ ਜਾਵੇਗਾ。
ਪਾਇਲ ਦੀ ਵਰਤੋਂ
ਤੁਸੀਂ ਹੁਣ ਤੱਕ ਦੇ ਉਦਾਹਰਨਾਂ ਵਿੱਚ ਪਾਇਲ ਦੀ ਵਰਤੋਂ ਨੂੰ ਧਿਆਨ ਰੱਖਿਆ ਹੋਵੇਗਾ। ਸਿਰਫ ਜਦੋਂ ਫੰਟ ਨਾਮ ਵਿੱਚ ਇੱਕ ਜਾਂ ਕਈ ਖਾਲੀ ਜਗ੍ਹਾ ਹੋਵੇ (ਉਦਾਹਰਨ ਵਜੋਂ New York) ਜਾਂ ਜਦੋਂ ਫੰਟ ਨਾਮ ਵਿੱਚ # ਜਾਂ $ ਜਿਹੇ ਚਿੰਨ੍ਹ ਹੋਣ, ਤਾਂ ਫੰਟ-family ਐਲਾਨ ਵਿੱਚ ਪਾਇਲ ਵਰਤਣਾ ਜ਼ਰੂਰੀ ਹੈ。
ਇੱਕ ਪਾਸੇ ਪਾਇਲ ਯੂਨਿਕੋਡ ਜਾਂ ਦੂਜੇ ਪਾਸੇ ਪਾਇਲ ਪਾਇਲ ਵਿੱਚ ਸਵੀਕਾਰ ਕੀਤੇ ਜਾ ਸਕਦੇ ਹਨ। ਪਰ ਜੇਕਰ ਇੱਕ font-family ਪ੍ਰਤੀਯੋਗਿਤਾ ਨੂੰ HTML ਦੇ style ਪ੍ਰਤੀਯੋਗਿਤਾ ਵਿੱਚ ਲਿਆ ਜਾਵੇ ਤਾਂ ਉਸ ਪ੍ਰਤੀਯੋਗਿਤਾ ਵਾਲੇ ਪਾਇਲ ਨੂੰ ਵਰਤਣਾ ਜ਼ਰੂਰੀ ਹੈ:
<p style="font-family: Times, TimesNR, 'New Century Schoolbook', Georgia, 'New York', serif;">...</p>
ਫੰਟ ਸਟਾਈਲ
font-style ਪ੍ਰਤੀਯੋਗਿਤਾਸਭ ਤੋਂ ਜ਼ਿਆਦਾ ਇਹ ਕਿਵੇਂ ਇਟਲਿਕ ਲੇਖ ਨੂੰ ਨਿਰਧਾਰਿਤ ਕਰਨ ਲਈ ਵਰਤਿਆ ਜਾਂਦਾ ਹੈ。
ਇਹ ਗੁਣ ਤਿੰਨ ਮੁੱਲਾਂ ਵਾਲਾ ਹੈ:
- normal - ਲੇਖ ਸਾਧਾਰਨ ਦਿਖਾਈ ਦੇਣਾ
- italic - ਲੇਖ ਇਟਲਿਕ ਦਿਖਾਈ ਦੇਣਾ
- oblique - ਲੇਖ ਝੁਕਾਹਟਾ ਦਿਖਾਈ ਦੇਣਾ
ਉਦਾਹਰਣ
p.normal {font-style:normal;}
p.italic {font-style:italic;}
p.oblique {font-style:oblique;}
italic ਅਤੇ oblique ਦਾ ਫਰਕ
font-style ਬਹੁਤ ਸਰਲ ਹੈ: ਇਹ ਨਾਲ normal ਲੇਖ, italic ਲੇਖ ਅਤੇ oblique ਲੇਖ ਦਰਮਿਆਨ ਚੋਣ ਕਰਨ ਲਈ ਵਰਤਿਆ ਜਾਂਦਾ ਹੈ। ਇੱਕਮਾਤਰ ਜਿਗਰਦਾਰ ਹੈ ਇਹ ਕਿ italic ਲੇਖ ਅਤੇ oblique ਲੇਖ ਦਰਮਿਆਨ ਕਿਵੇਂ ਫਰਕ ਹੈ ਇਹ ਸਪਸ਼ਟ ਕਰਨਾ ਹੈ。
italic - ਇੱਕ ਸਰਲ ਫੰਟ ਸਟਾਈਲ ਹੈ, ਜਿਸ ਵਿੱਚ ਹਰੇਕ ਅੱਖਰ ਦੀ ਰੂਪਰੇਖਾ ਵਿੱਚ ਥੋੜੇ ਸੋਧ ਕੀਤੇ ਜਾਂਦੇ ਹਨ ਤਾਂ ਕਿ ਬਦਲੇ ਹੋਏ ਰੂਪ ਨੂੰ ਪ੍ਰਤੀਬਿੰਬਤ ਕੀਤਾ ਜਾ ਸਕੇ। ਇਸ ਨਾਲ ਵੱਖਰਾ, oblique ਲੇਖ ਨੂੰ ਸਾਧਾਰਨ ਖੜ੍ਹੇ ਲੇਖ ਦਾ ਇੱਕ ਝੁਕਾਹਟਾ ਸੰਸਕਰਣ ਮੰਨਿਆ ਜਾਂਦਾ ਹੈ。
ਆਮ ਤੌਰ 'ਤੇ, italic ਅਤੇ oblique ਲੇਖ ਵੈਬ ਬਰਾਉਜ਼ਰ ਵਿੱਚ ਇੱਕ ਦੂਜੇ ਨਾਲ ਇੱਕ ਸਾਰੇ ਅਨੁਭਵ ਵਿੱਚ ਦਿਖਾਈ ਦਿੰਦੇ ਹਨ。
ਫੰਟ ਰੂਪ
font-variant ਪ੍ਰਤੀਯੋਗਿਤਾਛੋਟੇ ਕੇਪਸ ਸੈਟ ਕਰ ਸਕਦੇ ਹਨ。
ਛੋਟੇ ਕੇਪਸ ਜ਼ਿਆਦਾ ਮੋਹਰੇ ਨਹੀਂ ਹਨ, ਨਾ ਹੀ ਛੋਟੇ ਅੱਖਰ, ਇਹ ਅੱਖਰ ਵੱਖ-ਵੱਖ ਸਜੀਵਤਾ ਵਾਲੇ ਮੋਹਰੇ ਨੂੰ ਵਰਤਦੇ ਹਨ。
ਉਦਾਹਰਣ
p {font-variant:small-caps;}
字体加粗
font-weight 属性设置文本的粗细。
使用 bold 关键字可以将文本设置为粗体。
关键字 100 ~ 900 为字体指定了 9 级加粗度。如果一个字体内置了这些加粗级别，那么这些数字就直接映射到预定义的级别，100 对应最细的字体变形，900 对应最粗的字体变形。数字 400 等价于 normal，而 700 等价于 bold。
ਜੇਕਰ ਤੁਸੀਂ ਐਲੀਮੈਂਟ ਦੇ ਬੋਲਡ ਨੂੰ ਬੋਲਡਰ ਵਿੱਚ ਸੈਟ ਕਰੋ, ਤਾਂ ਬਰਾਉਜ਼ਰ ਇਸ ਵਿੱਚ ਮੁੱਢਲੇ ਮੁੱਲ ਤੋਂ ਵੱਧ ਸਖਤ ਫੋਂਟ ਬੋਲਡ ਸੈਟ ਕਰੇਗਾ। ਇਸ ਦੇ ਉਲਟ, ਕੀਵਾਰਡ lighter ਬਰਾਉਜ਼ਰ ਨੂੰ ਬੋਲਡ ਹੱਦ ਘੱਟ ਕਰਨ ਦਾ ਕਾਰਨ ਬਣਾਉਂਦਾ ਹੈ
ਉਦਾਹਰਣ
p.normal {font-weight:normal;}
p.thick {font-weight:bold;}
p.thicker {font-weight:900;}
ਫੋਂਟ ਸਾਈਜ਼
font-size ਅਤਿਅੰਤਤਾਟੈਕਸਟ ਦਾ ਸਾਈਜ਼ ਸੈਟ ਕਰੋ
ਟੈਕਸਟ ਦਾ ਸਾਈਜ਼ ਪ੍ਰਬੰਧਨ ਕਰਨ ਦੀ ਸਮਰੱਥਾ ਵੈਬ ਡਿਜ਼ਾਇਨ ਖੇਤਰ ਵਿੱਚ ਬਹੁਤ ਮਹੱਤਵਪੂਰਨ ਹੈ, ਪਰ ਤੁਸੀਂ ਟੈਕਸਟ ਦਾ ਸਾਈਜ਼ ਸੈਟ ਕਰਕੇ ਪੈਰਾਗ੍ਰਾਫ ਨੂੰ ਟਾਈਟਲ ਵਜੋਂ ਦਿਖਾਉਣ ਜਾਂ ਟਾਈਟਲ ਨੂੰ ਪੈਰਾਗ੍ਰਾਫ ਵਜੋਂ ਦਿਖਾਉਣ ਨਹੀਂ ਚਾਹੀਦੇ
ਹਮੇਸ਼ਾ ਸਹੀ ਐੱਚਟੀਐੱਮ ਟਾਈਟਲ ਵਰਤੋਂ ਕਰੋ, ਉਦਾਹਰਣ ਵਜੋਂ <h1> - <h6> ਨਾਲ ਟਾਈਟਲ ਟੈਗ ਵਰਤੋਂ ਕਰੋ, <p> ਨਾਲ ਪੈਰਾਗ੍ਰਾਫ ਟੈਗ ਵਰਤੋਂ ਕਰੋ
font-size ਮੁੱਲ ਸਥਾਪਤ ਜਾਂ ਸਬੰਧਤ ਮੁੱਲ ਹੋ ਸਕਦੇ ਹਨ
ਸਥਾਪਤ ਮੁੱਲ:
- ਟੈਕਸਟ ਨੂੰ ਨਿਰਧਾਰਿਤ ਸਾਈਜ਼ ਵਿੱਚ ਸੈਟ ਕਰੋ
- ਸਾਰੇ ਬਰਾਉਜ਼ਰਾਂ ਵਿੱਚ ਟੈਕਸਟ ਸਾਈਜ਼ ਬਦਲਣ ਦੀ ਇਜਾਜ਼ਤ ਨਹੀਂ ਦੇਣ (ਉਪਯੋਗਤਾ ਨੂੰ ਨਾਜ਼ੁਕ ਬਣਾਉਂਦਾ ਹੈ)
- ਸਥਾਪਤ ਹੋਏ ਆਉਟਪੁੱਟ ਦੇ ਭੂਤਪੂਰਵ ਸਾਈਜ਼ ਨੂੰ ਨਿਰਧਾਰਿਤ ਕਰਨ ਲਈ ਸਥਾਪਤ ਸਾਈਜ਼ ਬਹੁਤ ਹੀ ਮਹੱਤਵਪੂਰਨ ਹੈ
ਸਬੰਧਤ ਸਾਈਜ਼:
- ਆਸਪਾਸ ਦੇ ਐਲੀਮੈਂਟਾਂ ਨਾਲ ਸਬੰਧਤ ਰੂਪ ਵਿੱਚ ਸਾਈਜ਼ ਸੈਟ ਕਰੋ
- ਬਰਾਉਜ਼ਰ ਵਿੱਚ ਟੈਕਸਟ ਸਾਈਜ਼ ਬਦਲਣ ਦੀ ਇਜਾਜ਼ਤ ਦੇਣ
ਨੋਟਸ:ਜੇਕਰ ਤੁਸੀਂ ਫੋਂਟ ਸਾਈਜ਼ ਨਹੀਂ ਨਿਰਧਾਰਿਤ ਕਰਦੇ ਹੋ, ਤਾਂ ਆਮ ਟੈਕਸਟ (ਉਦਾਹਰਣ ਵਜੋਂ ਪੈਰਾਗ੍ਰਾਫ) ਦੀ ਮੂਲ ਸਾਈਜ਼ 16 ਪਿਕਸਲ (16px=1em) ਹੁੰਦੀ ਹੈ。
ਫੋਂਟ ਸਾਈਜ਼ ਸੈਟ ਕਰਨ ਲਈ ਪਿਕਸਲ ਵਰਤੋਂ ਕਰੋ
ਪਿਕਸਲ ਰਾਹੀਂ ਟੈਕਸਟ ਸਾਈਜ਼ ਸੈਟ ਕਰਨ ਨਾਲ ਟੈਕਸਟ ਸਾਈਜ਼ ਨੂੰ ਪੂਰੀ ਤਰ੍ਹਾਂ ਕੰਟਰੋਲ ਕੀਤਾ ਜਾ ਸਕਦਾ ਹੈ:
ਉਦਾਹਰਣ
h1 {font-size:60px;}
h2 {font-size:40px;}
p {font-size:14px;}
ਫਾਇਰਫਾਕਸ, ਚਾਰੋ ਅਤੇ ਸਫਾਰੀ ਵਿੱਚ ਉਪਰੋਕਤ ਉਦਾਹਰਣ ਦੇ ਟੈਕਸਟ ਸਾਈਜ਼ ਨੂੰ ਮੁੜ ਸੈਟ ਕੀਤਾ ਜਾ ਸਕਦਾ ਹੈ, ਪਰ ਇੰਟਰਨੈੱਟ ਈਕਸਪਲੋਰਰ ਵਿੱਚ ਨਹੀਂ。
ਭਾਵੇਂ ਬਰਾਉਜ਼ਰ ਦੇ ਜ਼ੋਰ ਟੂਲ ਰਾਹੀਂ ਟੈਕਸਟ ਸਾਈਜ਼ ਸਜਾਉਣ ਸੰਭਵ ਹੈ, ਪਰ ਇਹ ਸਿਰਫ ਟੈਕਸਟ ਨਹੀਂ ਸਗੋਂ ਪੂਰੇ ਪੇਜ ਨੂੰ ਸਜਾਉਣ ਦਾ ਹੈ。
ਈਮ ਨੂੰ ਫੋਂਟ ਸਾਈਜ਼ ਸੈਟ ਕਰਨ ਲਈ ਵਰਤੋਂ ਕਰੋ
ਇਕੇਦਰ ਇੰਟਰਨੈੱਟ ਈਕਸਪਲੋਰਰ ਵਿੱਚ ਟੈਕਸਟ ਨੂੰ ਟੈਕਸਟ ਸਜਾਉਣ ਦੀ ਸਮੱਸਿਆ ਨੂੰ ਹੱਲ ਕਰਨ ਲਈ, ਕਈ ਵਿਕਾਸਕਾਰੀ ਈਮ ਇਕਾਈ ਦੀ ਵਰਤੋਂ ਕਰਦੇ ਹਨ。
W3C 推荐使用 em 尺寸单位。
1em 等于当前的字体尺寸。如果一个元素的 font-size 为 16 像素，那么对于该元素，1em 就等于 16 像素。在设置字体大小时，em 的值会相对于父元素的字体大小改变。
浏览器中默认的文本大小是 16 像素。因此 1em 的默认尺寸是 16 像素。
em ਇਕਾਈ ਵਿੱਚ ਪਿਕਸਲਜ਼ ਟ੍ਰਾਂਸਫਾਰਮ ਕਰਨ ਲਈ ਹੇਠ ਲਿਖੀ ਫੋਰਮੂਲੇ ਦੀ ਵਰਤੋਂ ਕੀਤੀ ਜਾ ਸਕਦੀ ਹੈ:pixels/16=em
（ਨੋਟ: 16 ਮੂਲ ਐਲੀਮੈਂਟ ਦੀ ਮੂਲ ਫੰਟ ਮੁੱਲ ਹੈ, ਇਸ ਲਈ ਜੇਕਰ ਮੂਲ ਐਲੀਮੈਂਟ ਦਾ font-size 20px ਹੈ ਤਾਂ ਇਸ ਫੋਰਮੂਲੇ ਨੂੰ ਬਦਲਣਾ ਜ਼ਰੂਰੀ ਹੋਵੇਗਾ:pixels/20=em）
ਉਦਾਹਰਣ
h1 {font-size:3.75em;} /* 60px/16=3.75em */
h2 {font-size:2.5em;} /* 40px/16=2.5em */
p {font-size:0.875em;} /* 14px/16=0.875em */
ਉੱਪਰ ਦੇ ਉਦਾਹਰਣ ਵਿੱਚ em ਦੇ ਰੂਪ ਵਿੱਚ ਟੈਕਸਟ ਮੁੱਲ ਦਾ ਮੁੱਲ ਪਿਛਲੇ ਉਦਾਹਰਣ ਵਿੱਚ ਪਿਕਸਲ ਦੇ ਰੂਪ ਵਿੱਚ ਟੈਕਸਟ ਮੁੱਲ ਨਾਲ ਇੱਕ ਜਿਹਾ ਹੈ। ਪਰ ਜੇਕਰ em ਇਕਾਈ ਵਿੱਚ ਵਰਤਿਆ ਜਾਵੇ ਤਾਂ ਸਾਰੇ ਬਰਾਉਜ਼ਰਾਂ ਵਿੱਚ ਟੈਕਸਟ ਮੁੱਲ ਦਾ ਮੁੱਲ ਸਾਈਜ਼ ਸਾਬਤ ਕੀਤਾ ਜਾ ਸਕਦਾ ਹੈ।
ਅਫਸੋਸ, ਇਸ ਵਿੱਚ ਵੀ ਪ੍ਰਸ਼ਨ ਹੈ। ਟੈਕਸਟ ਮੁੱਲ ਦਾ ਮੁੱਲ ਸੈਟ ਕਰਨ ਵਾਲੇ ਹੋਰ ਤੁਲਨਾ ਵਿੱਚ ਵੱਡਾ ਜਾਂ ਛੋਟਾ ਹੋ ਸਕਦਾ ਹੈ।
ਪ੍ਰਤੀਸ਼ਤ ਅਤੇ EM ਦੀ ਮਿਲਣ ਵਾਲੀ ਵਰਤੋਂ
ਸਾਰੇ ਬਰਾਉਜ਼ਰਾਂ ਵਿੱਚ ਕੰਮ ਕਰਨ ਵਾਲਾ ਇੱਕ ਤਰੀਕਾ ਹੈ ਕਿ body ਐਲੀਮੈਂਟ (ਮੂਲ ਐਲੀਮੈਂਟ) ਨੂੰ ਪ੍ਰਤੀਸ਼ਤ ਦੇ ਰੂਪ ਵਿੱਚ ਮੂਲ ਫੰਟ ਮੁੱਲ ਸੈਟ ਕੀਤਾ ਜਾਵੇ:
ਉਦਾਹਰਣ
body {font-size:100%;}
h1 {font-size:3.75em;}
h2 {font-size:2.5em;}
p {font-size:0.875em;}
ਸਾਡਾ ਕੋਡ ਬਹੁਤ ਪ੍ਰਭਾਵਸ਼ਾਲੀ ਹੈ। ਸਾਰੇ ਬਰਾਉਜ਼ਰਾਂ ਵਿੱਚ ਇੱਕ ਜਿਹੇ ਟੈਕਸਟ ਮੁੱਲ ਦਿਖਾਇਆ ਜਾਵੇਗਾ ਅਤੇ ਸਾਰੇ ਬਰਾਉਜ਼ਰਾਂ ਵਿੱਚ ਟੈਕਸਟ ਮੁੱਲ ਦਾ ਮੁੱਲ ਸਾਈਜ਼ ਨਾਲ ਸਾਈਜ਼ ਚੇਂਜ ਕੀਤਾ ਜਾ ਸਕੇਗਾ।
CSS ਫੰਟ ਉਦਾਹਰਣ:
- ਟੈਕਸਟ ਫੰਟ ਸੈਟ ਕਰਨਾ
- ਇਸ ਉਦਾਹਰਣ ਵਿੱਚ ਦਿਖਾਇਆ ਗਿਆ ਹੈ ਕਿ ਕਿਵੇਂ ਟੈਕਸਟ ਫੰਟ ਸੈਟ ਕੀਤਾ ਜਾਵੇ।
- ਫੰਟ ਮੁੱਲ ਸੈਟ ਕਰਨਾ
- ਇਸ ਉਦਾਹਰਣ ਵਿੱਚ ਦਿਖਾਇਆ ਗਿਆ ਹੈ ਕਿ ਕਿਵੇਂ ਫੰਟ ਦਾ ਮੁੱਲ ਸੈਟ ਕੀਤਾ ਜਾਵੇ।
- ਫੰਟ ਸ਼ੈਲੀ ਸੈਟ ਕਰਨਾ
- ਇਸ ਉਦਾਹਰਣ ਵਿੱਚ ਦਿਖਾਇਆ ਗਿਆ ਹੈ ਕਿ ਕਿਵੇਂ ਫੰਟ ਦੀ ਸ਼ੈਲੀ ਸੈਟ ਕੀਤੀ ਜਾਵੇ।
- ਫੰਟ ਦੀ ਵਿਵਿਧਤਾ ਸੈਟ ਕਰਨਾ
- ਇਸ ਉਦਾਹਰਣ ਵਿੱਚ ਦਿਖਾਇਆ ਗਿਆ ਹੈ ਕਿ ਕਿਵੇਂ ਫੰਟ ਦੀ ਵਿਵਿਧਤਾ ਸੈਟ ਕੀਤੀ ਜਾਵੇ।
- ਫੰਟ ਦੀ ਗੂੜ੍ਹਾਈ ਸੈਟ ਕਰਨਾ
- ਇਸ ਉਦਾਹਰਣ ਵਿੱਚ ਦਿਖਾਇਆ ਗਿਆ ਹੈ ਕਿ ਕਿਵੇਂ ਫੰਟ ਦੀ ਗੂੜ੍ਹਾਈ ਸੈਟ ਕੀਤੀ ਜਾਵੇ।
- ਸਾਰੇ ਫੰਟ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ ਇੱਕ ਕਲਮ ਵਿੱਚ
- ਇਸ ਉਦਾਹਰਣ ਵਿੱਚ ਦਿਖਾਇਆ ਗਿਆ ਹੈ ਕਿ ਸਰਲ ਵਿਸ਼ੇਸ਼ਤਾ ਨਾਲ ਕਿਵੇਂ ਫੰਟ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ ਇੱਕ ਕਲਮ ਵਿੱਚ ਸੈਟ ਕੀਤੀਆਂ ਜਾਣਗੀਆਂ।
CSS ਫੰਟ ਵਿਸ਼ੇਸ਼ਤਾ
| ਵਿਸ਼ੇਸ਼ਤਾ | ਵਰਣਨ |
|---|---|
| font | ਸਰਲ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ। ਕੰਮ ਹੈ ਕਿ ਸਾਰੇ ਫੰਟ ਸੰਬੰਧੀ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ ਇੱਕ ਕਲਮ ਵਿੱਚ ਸੈਟ ਕੀਤੀਆਂ ਜਾਣਗੀਆਂ। |
| فون فیملی | فون فیملی سیٹ کرنے کے لئے |
| فون سائز | فون کی سائز سیٹ کرنے کے لئے |
| فون سائز ایجسٹ | مزید ترجیحی فون نہیں دستیاب ہونے پر، بدلنے والی فون کو اسمارٹ اسکالنگ کرنے کے لئے (سی ایس ایس 2.1 میں اس پرپرٹی کو حذف کیا گیا ہے) |
| فون اسٹریچ | فون کی افقی توسیع کرنے کے لئے (سی ایس ایس 2.1 میں اس پرپرٹی کو حذف کیا گیا ہے) |
| فونٹ سٹائل | فونٹ کا سٹائل سیٹ کرنے کے لئے |
| فونٹ ویریئنٹ | چھوٹی بڑی حروف یا عادی حروف کے ساتھ متن دکھایا جاتا ہے |
| فونٹ ویزٹ | فونٹ کی کالائی کو سیٹ کرنے کے لئے |
- پچھلئی پیج سی ایس ایس متن
- آئندہ پیج سی ایس ایس فہرست
