ਸਟਾਈਲ ਫੰਟ ਪ੍ਰਤਿਯਾਇਤ

ਪਰਿਭਾਸ਼ਾ ਅਤੇ ਵਰਤੋਂ

ਫੰਟ ਪ੍ਰਤਿਯਾਇਤ ਸ਼ਾਰਟ ਫਾਰਮੈਟ ਵਿੱਚ ਸੈੱਟ ਕਰਨ ਜਾਂ ਵਾਪਸ ਲੈਣ ਲਈ ਸਿਰਫ ਛੇ ਵੱਖਰੇ ਫੰਟ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ ਸੈੱਟ ਕਰਨ ਵਾਲੀ ਹੈ。

ਇਸ ਪ੍ਰਤਿਯਾਇਤ ਰਾਹੀਂ ਤੁਸੀਂ ਨਿਮਨਲਿਖਤ ਸਮਾਗਮ ਸੈੱਟ ਕਰ ਸਕਦੇ ਹੋ ਜਾਂ ਵਾਪਸ ਲੈ ਸਕਦੇ ਹੋ (ਇਸ ਕਰਜ਼ੇ ਦੇ ਅਨੁਸਾਰ):

font-size ਅਤੇ font-family ਲੋੜੀਂਦਾ ਹੈ। ਜੇਕਰ ਕੋਈ ਹੋਰ ਮੁੱਲ ਲਿਆ ਨਹੀਂ ਗਿਆ ਤਾਂ (ਜੇਕਰ ਮੂਲ ਮੁੱਲ ਹੈ) ਮੂਲ ਮੁੱਲ ਨੂੰ ਜੋੜਿਆ ਜਾਵੇਗਾ。

ਉਪਰੋਕਤ ਪ੍ਰਤੀਭਾਵ ਨੂੰ ਵੱਖਰੇ ਸਟਾਈਲ ਪ੍ਰਤੀਭਾਵ ਰਾਹੀਂ ਵੀ ਸੈਟ ਕੀਤਾ ਜਾ ਸਕਦਾ ਹੈ। ਉੱਚ ਸਤਰ ਲੇਖਕਾਂ ਨੂੰ ਵਧੇਰੇ ਨਿਯੰਤਰਣ ਲਈ ਵੱਖਰੇ ਪ੍ਰਤੀਭਾਵ ਦੀ ਸਸਤੀ ਸਿਫਾਰਸ਼ ਕੀਤੀ ਜਾਂਦੀ ਹੈ。

ਹੋਰ ਦੇਖੋ:

CSS ਸਿਖਲਾਈCSS ਫੰਟ

CSS ਸੰਦਰਭ ਮੁੱਲਕਾਰfont ਪ੍ਰਤੀਭਾਵ

ਇਨਸਟੈਂਸ

ਉਦਾਹਰਣ 1

<p> ਏਲੀਮੈਂਟ ਦੇ ਫੰਟ ਸੈਟ ਕਰੋ:

document.getElementById("myP").style.font = "italic bold 20px arial,serif";

ਸਵੈ ਲੈਕੇ ਕੋਸ਼ਿਸ਼ ਕਰੋ

ਉਦਾਹਰਣ 2

<p> ਏਲੀਮੈਂਟ ਦੇ ਫੰਟ ਵਾਪਸ ਕਰੋ:

alert(document.getElementById("myP").style.font);

ਸਵੈ ਲੈਕੇ ਕੋਸ਼ਿਸ਼ ਕਰੋ

ਗਣਤਰ

font ਪ੍ਰਤੀਭਾਵ ਵਾਪਸ ਕਰੋ:

object.style.font

font ਪ੍ਰਤੀਭਾਵ ਸੈਟ ਕਰੋ:

object.style.font = "font-style font-variant font-weight font-size/line-height|caption|icon|menu|
message-box|small-caption|status-bar|initial|inherit;"

ਪ੍ਰਤੀਭਾਵ ਮੁੱਲ

ਮੁੱਲ ਵਰਣਨ
style ਫੰਟ ਸਟਾਈਲ ਸੈਟ ਕਰੋ。
variant ਟੈਕਸਟ ਨੂੰ ਛੋਟੇ ਮਹਾਂਕਾਲੀ ਸੈਟ ਕਰੋ。
weight ਫੰਟ ਭਾਰ ਸੈਟ ਕਰੋ。
size ਫੰਟ ਸਾਈਜ਼ ਸੈਟ ਕਰੋ。
lineHeight ਲਾਈਨ ਹੈਚ ਸੈਟ ਕਰੋ。
family ਫੰਟ ਸੈਟ ਕਰੋ。
caption ਸਿਖਰ ਕੰਟਰੋਲ (ਜਿਵੇਂ ਕਿ ਬਟਨ, ਡਰਾਪ-ਡਾਉਨ ਮੇਨੂ ਆਦਿ) ਦੇ ਲਈ ਵਰਤੇ ਜਾਣ ਵਾਲਾ ਫੰਟ।
icon ਆਇਕਾਨ ਦੇ ਲਈ ਵਰਤੇ ਜਾਣ ਵਾਲਾ ਫੰਟ।
menu ਮੇਨੂ ਵਿੱਚ ਵਰਤੇ ਜਾਣ ਵਾਲਾ ਫੰਟ।
message-box ਡਾਇਲਾਗ ਵਿੱਚ ਵਰਤੇ ਜਾਣ ਵਾਲਾ ਫੰਟ।
small-caption ਛੋਟੇ ਕੰਟਰੋਲ ਵਿੱਚ ਵਰਤੇ ਜਾਣ ਵਾਲਾ ਫੰਟ।
status-bar ਵਿੰਡੋ ਸਟੇਟਸ ਬਾਰ ਵਿੱਚ ਵਰਤੇ ਜਾਣ ਵਾਲਾ ਫੰਟ।
initial ਇਹ ਪ੍ਰਤੀਭਾਵ ਮੂਲ ਮੁੱਲ ਨੂੰ ਸੈਟ ਕਰੇ। ਦੇਖੋ: initial.
inherit ਇਹ ਪ੍ਰਤੀਭਾਵ ਉਸ ਦੇ ਮਾਤਾ ਏਲੀਮੈਂਟ ਤੋਂ ਇਸ ਪ੍ਰਤੀਭਾਵ ਨੂੰ ਲੈ ਕੇ ਵਰਤੇ ਜਾਂਦਾ ਹੈ। ਦੇਖੋ: inherit.

ਤਕਨੀਕੀ ਵੇਰਵੇ

ਮੂਲ ਮੁੱਲ: ਨਾ ਨਿਰਧਾਰਿਤ
ਵਾਪਸ ਕਰਨ ਵਾਲਾ ਮੁੱਲ: ਸਟਰਿੰਗ, ਜੋ ਕਿ ਏਲੀਮੈਂਟ ਦੇ ਵੱਖ-ਵੱਖ ਫੰਟ ਪ੍ਰਤੀਭਾਵ ਨੂੰ ਪ੍ਰਤੀਨਿਧਤ ਕਰਦੀ ਹੈ。
CSS ਆਈਡੀਮੈਨਰਸ਼ਨ: CSS1

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

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
ਸਮਰਥਨ ਸਮਰਥਨ ਸਮਰਥਨ ਸਮਰਥਨ ਸਮਰਥਨ