HTML <link> media ਗੁਣ

HTML <link> ਟੈਗ

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

media ਗੁਣ ਨਾਲ ਟੀਚਾ ਸੰਸਾਧਨ ਕਿਸ ਮੀਡੀਆ/ਉਪਕਰਣ ਲਈ ਬਿਹਤਰ ਤਰੀਕੇ ਨਾਲ ਸੁਧਾਰਿਆ ਜਾਂਦਾ ਹੈ。

media ਗੁਣ ਨਾਲ ਲਿੰਕ ਕੀਤੇ ਗਏ ਦਸਤਾਵੇਜ਼ ਨੂੰ ਕਿਸ ਉਪਕਰਣ 'ਤੇ ਦਿਖਾਇਆ ਜਾਵੇਗਾ ਇਹ ਨਿਰਧਾਰਿਤ ਕੀਤਾ ਜਾਂਦਾ ਹੈ。

ਇਹ ਗੁਣ ਮੁੱਖਤਵਪੂਰਣ ਤੌਰ 'ਤੇ CSS ਸਟਾਈਲ ਸ਼ੇਅਰ ਨਾਲ ਵਰਤਿਆ ਜਾਂਦਾ ਹੈ ਅਤੇ ਵੱਖਰੇ ਮੀਡੀਆ ਟਾਈਪਾਂ ਲਈ ਵੱਖਰੇ ਸਟਾਈਲ ਸੰਦੇਸ਼ ਦਿੰਦਾ ਹੈ。

media ਇਸ ਗੁਣ ਨੂੰ ਕਈ ਮੁੱਲ ਸਵੀਕਾਰ ਸਕਦੇ ਹਨ。

ਉਦਾਹਰਣ

ਦੋ ਵੱਖਰੇ ਸਟਾਈਲ ਸ਼ੇਅਰਸ ਦੋ ਵੱਖਰੇ ਮੀਡੀਆ ਟਾਈਪਾਂ (ਸਕਰੀਨ ਅਤੇ ਪ੍ਰਿੰਟ) ਲਈ:

<head>
  <link rel="stylesheet" type="text/css" href="theme.css">
  
<link rel="stylesheet" type="text/css" href="print.css" media="print">

</head>

ਆਪਣੇ ਆਪ ਨੂੰ ਪ੍ਰਯੋਗ ਕਰੋ

ਗਰੰਥ<link media="value

>

ਸੰਭਵ ਅਪਡਰਟਰ ਵਰਣਨ
ਅਪਡਰਟਰ and
ਨਿਯਮਾਂ ਕਰੋ ਕਿ AND ਅਪਡਰਟਰ ਕਿਵੇਂ ਹੋਵੇ。 not
ਨਿਯਮਾਂ ਕਰੋ ਕਿ NOT ਅਪਡਰਟਰ ਕਿਵੇਂ ਹੋਵੇ。 ,

ਨਿਯਮਾਂ ਕਰੋ ਕਿ OR ਅਪਡਰਟਰ ਕਿਵੇਂ ਹੋਵੇ。

ਨਿਯਮਾਂ ਕਰੋ ਕਿ OR ਅਪਡਰਟਰ ਕਿਵੇਂ ਹੋਵੇ。 ਵਰਣਨ
ਉਪਕਰਣ all
ਮੂਲਤਵੀ ਹੈ। ਸਾਰੇ ਮੀਡੀਆ ਪ੍ਰਕਾਰਾਂ ਦੇ ਉਪਕਰਣਾਂ ਲਈ ਵਰਤੋਂ ਕਰੋ。 print
ਪ੍ਰਿੰਟ ਪ੍ਰਿਵਿਊ ਮੋਡ / ਪ੍ਰਿੰਟ ਪੰਨੇ ਦੀ ਵਰਤੋਂ ਕਰੋ。 screen
ਕੰਪਿਊਟਰ ਸਕਰੀਨ, ਟੇਬਲੇਟ, ਸਮਾਰਟਫੋਨ ਆਦਿ ਦੀ ਵਰਤੋਂ ਕਰੋ。 speech
ਪੰਨੇ ਦੀ ਪੜ੍ਹਾਈ ਲਈ ਵਰਤੇ ਜਾਣ ਵਾਲੇ ਸਕਰੀਨ ਰੀਡਰ ਤਿਆਗ ਦਿੱਤਾ ਗਿਆ ਹੈ。aural
ਆਊਰਲ ਸਿੰਥੇਸਿਜ਼ਰ ਤਿਆਗ ਦਿੱਤਾ ਗਿਆ ਹੈ。braille
ਬਰੇਲਾ ਫੀਡਬੈਕ ਉਪਕਰਣ ਤਿਆਗ ਦਿੱਤਾ ਗਿਆ ਹੈ。handheld
ਹੈੰਡਹੈਲਡ ਉਪਕਰਣ (ਛੋਟੇ ਸਕਰੀਨ, ਸੀਮਿਤ ਬੈਂਡਵਿੱਡਥ)。 ਤਿਆਗ ਦਿੱਤਾ ਗਿਆ ਹੈ。ਪ੍ਰੋਜੈਕਸ਼ਨ
tty ਤਿਆਗ ਦਿੱਤਾ ਗਿਆ ਹੈ。ਸਥਿਰ ਦੂਰੀ ਵਾਲੇ ਚਿੱਤਰ ਟੈਕਸਟ ਪ੍ਰਿੰਟਰ ਅਤੇ ਹੋਰ ਮੀਡੀਆ ਦੀ ਵਰਤੋਂ ਕਰੋ。
tv ਤਿਆਗ ਦਿੱਤਾ ਗਿਆ ਹੈ。ਟੀਵੀ ਪ੍ਰਕਾਰ ਦੇ ਉਪਕਰਣ (ਨਮੰਜਰ ਰਿਜਲੂਸ਼ਨ, ਸਰਕਲ ਕਰਨ ਦੀ ਸਮਰੱਥਾ ਹੈ)。

ਮੁੱਲ

ਮੁੱਲ ਵਰਣਨ
aspect-ratio

ਨਿਯਮਾਂ ਕਰੋ ਕਿ ਟੀਚੇ ਵਿਖਿਆਨ ਖੇਤਰ ਦੀ ਚੌੜਾਈ/ਉਚਾਈ ਦਾ ਅਨੁਪਾਤ ਕਿਵੇਂ ਹੋਵੇ。

min- ਅਤੇ max- ਪ੍ਰੀਫਿਕਸ ਦੀ ਵਰਤੋਂ ਕੀਤੀ ਜਾ ਸਕਦੀ ਹੈ。

ਉਦਾਹਰਣ: media="screen and (aspect-ratio:16/9)"
color

ਨਿਯਮਾਂ ਕਰੋ ਕਿ ਟੀਚੇ ਵਿਖਿਆਨ ਦੇ ਹਰ ਰੰਗ ਦੇ ਬਿਟਾਂ ਦਾ ਸੰਖਿਆ ਕਿਵੇਂ ਹੋਵੇ。

min- ਅਤੇ max- ਪ੍ਰੀਫਿਕਸ ਦੀ ਵਰਤੋਂ ਕੀਤੀ ਜਾ ਸਕਦੀ ਹੈ。

ਉਦਾਹਰਣ: media="screen and (color:3)"
color-index

ਨਿਯਮਾਂ ਕਰੋ ਕਿ ਟੀਚੇ ਵਿਖਿਆਨ ਕਿਵੇਂ ਰੰਗਾਂ ਦਾ ਸੰਖਿਆ ਸਮਰੱਥ ਹੈ。

min- ਅਤੇ max- ਪ੍ਰੀਫਿਕਸ ਦੀ ਵਰਤੋਂ ਕੀਤੀ ਜਾ ਸਕਦੀ ਹੈ。

ਉਦਾਹਰਣ: media="screen and (min-color-index:256)"
device-aspect-ratio ਤਿਆਗ ਦਿੱਤਾ ਗਿਆ ਹੈ。ਨਿਯਮਾਂ ਕਰੋ ਕਿ ਟੀਚੇ ਵਿਖਿਆਨ / ਕਾਗਜ਼ ਦਾ device-width/device-height ਅਨੁਪਾਤ ਕਿਵੇਂ ਹੋਵੇ。
device-width ਤਿਆਗ ਦਿੱਤਾ ਗਿਆ ਹੈ。ਨਿਯਮਾਂ ਕਰੋ ਕਿ ਟੀਚੇ ਵਿਖਿਆਨ / ਕਾਗਜ਼ ਦੀ ਚੌੜਾਈ ਕਿਵੇਂ ਹੋਵੇ。
device-height ਤਿਆਗ ਦਿੱਤਾ ਗਿਆ ਹੈ。ਨਿਯਮਾਂ ਕਰੋ ਕਿ ਟੀਚੇ ਵਿਖਿਆਨ / ਕਾਗਜ਼ ਦੀ ਉਚਾਈ ਕਿਵੇਂ ਹੋਵੇ。
grid

ਨਿਯਮਾਂ ਕਰੋ ਕਿ ਆਉਟਪੁੱਟ ਉਪਕਰਣ ਗ੍ਰਿੱਡ ਹੈ ਜਾਂ ਬਿਟਮੈਪ。

ਸੰਭਵ ਮੁੱਲ: "1" ਗ੍ਰਿੱਡ ਦੀ ਪ੍ਰਤੀਕਤਾ ਕਰੇ, "0" ਹੋਰ ਹੈ。

ਉਦਾਹਰਣ: media="handheld and (grid:1)"
height

ਨਿਯਮਾਂ ਕਰੋ ਕਿ ਟੀਚੇ ਵਿਖਿਆਨ ਖੇਤਰ ਦੀ ਉਚਾਈ ਕਿਵੇਂ ਹੋਵੇ。

min- ਅਤੇ max- ਪ੍ਰੀਫਿਕਸ ਦੀ ਵਰਤੋਂ ਕੀਤੀ ਜਾ ਸਕਦੀ ਹੈ。

ਉਦਾਹਰਣ: media="screen and (max-height:700px)"
monochrome

ਸਿੰਗਲ ਕਲੇਸ਼ ਫ੍ਰੇਮ ਬਫਰ ਵਿੱਚ ਹਰ ਪਿਕਸਲ ਬਿਟ ਦੀ ਨਿਯਮਾਂ ਤੈਅ ਕਰੋ。

min- ਅਤੇ max- ਪ੍ਰੀਫਿਕਸ ਦੀ ਵਰਤੋਂ ਕੀਤੀ ਜਾ ਸਕਦੀ ਹੈ。

ਉਦਾਹਰਣ: media="screen and (monochrome:2)"
orientation

ਘਟਨਾ ਪ੍ਰਦਰਸ਼ਕ/ਕਾਗਜ਼ ਦੀ ਦਿਸ਼ਾ ਨੂੰ ਨਿਰਧਾਰਿਤ ਕਰੋ。

ਸੰਭਵ ਮੁੱਲ ਹਨ: "portrait" ਜਾਂ "landscape"。

ਉਦਾਹਰਣ: media="all and (orientation: landscape)"
resolution

ਘਟਨਾ ਪ੍ਰਦਰਸ਼ਕ/ਕਾਗਜ਼ ਦੀ ਪਿਕਸਲ ਡਿਲਟੀ (dpi ਜਾਂ dpcm) ਨੂੰ ਨਿਰਧਾਰਿਤ ਕਰੋ。

min- ਅਤੇ max- ਪ੍ਰੀਫਿਕਸ ਦੀ ਵਰਤੋਂ ਕੀਤੀ ਜਾ ਸਕਦੀ ਹੈ。

ਉਦਾਹਰਣ: media="print and (resolution:300dpi)"
scan

tv ਪ੍ਰਦਰਸ਼ਕ ਦੀ ਸਕੈਨ ਪ੍ਰਕਿਰਿਆ ਨੂੰ ਨਿਰਧਾਰਿਤ ਕਰੋ。

ਸੰਭਵ ਮੁੱਲ ਹਨ: "progressive" ਅਤੇ "interlace"。

ਉਦਾਹਰਣ: media="tv and (scan:interlace)"
width

ਘਟਨਾ ਪ੍ਰਦਰਸ਼ਨ ਖੇਤਰ ਦੀ ਚੌੜਾਈ ਨੂੰ ਨਿਰਧਾਰਿਤ ਕਰੋ。

min- ਅਤੇ max- ਪ੍ਰੀਫਿਕਸ ਦੀ ਵਰਤੋਂ ਕੀਤੀ ਜਾ ਸਕਦੀ ਹੈ。

ਉਦਾਹਰਣ: media="screen and (min-width:500px)"

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

ਚਰਮੋਸ ਐਜ਼ਡ ਫਾਇਰਫਾਕਸ ਸਫਾਰੀ ਓਪਰਾ
ਚਰਮੋਸ ਐਜ਼ਡ ਫਾਇਰਫਾਕਸ ਸਫਾਰੀ ਓਪਰਾ
ਸਮਰਥਨ ਸਮਰਥਨ ਸਮਰਥਨ ਸਮਰਥਨ ਸਮਰਥਨ

HTML <link> ਟੈਗ