CSS @import ਗਰੰਟਰ

ਵਿਆਖਿਆ ਅਤੇ ਵਰਤੋਂ

@import ਗਰੰਟਰ ਨੂੰ ਹੋਰ ਇੱਕ ਸਟਾਈਲ ਸ਼ੇਅਰ ਵਿੱਚ ਸ਼ਾਮਲ ਕਰਨ ਦੀ ਇਜਾਜ਼ਤ ਦਿੰਦਾ ਹੈ。

@import ਗਰੰਟਰ ਨੂੰ ਦਸਤਾਵੇਜ਼ ਦੇ ਸਿਰ ਵਿੱਚ (ਪਰ ਕੋਈ @charset ਐਲਾਨ ਤੋਂ ਬਾਅਦ) ਰੱਖਣਾ ਚਾਹੀਦਾ ਹੈ。

@import ਗਰੰਟਰ ਮੀਡੀਆ ਕਿਸਮ ਦੀ ਸਮਰਥਨ ਕਰਦਾ ਹੈ, ਇਸ ਲਈ ਮੀਡੀਆ ਉਪਰਾਲੇ ਨੂੰ ਸਮਰਥਨ ਕਰਨ ਵਾਲਾ ਹੁੰਦਾ ਹੈ。

ਉਦਾਹਰਣ

ਉਦਾਹਰਣ 1

"navigation.css" ਸਟਾਈਲ ਸ਼ੇਅਰ ਲਿਆ ਜਾਵੇਗਾ:

@import "navigation.css"; /* ਉਪਯੋਗ ਸਟਰਿੰਗ */

ਜਾਂ

@import url("navigation.css"); /* ਉਪਯੋਗ url */

ਉਦਾਹਰਣ 2

ਸਿਰਫ਼ ਜਦੋਂ ਮੀਡੀਆ ਪ੍ਰਿਟ ਹੋਵੇ ਤਾਂ "printstyle.css" ਸਟਾਈਲ ਸ਼ੇਅਰ ਲਿਆ ਜਾਵੇਗਾ:

@import "printstyle.css" print;

ਖੁਦ ਦੀ ਸਿਖਲਾਈ ਦੇਣ ਦੀ ਸਲਾਹ

ਉਦਾਹਰਣ 3

ਸਿਰਫ਼ ਜਦੋਂ ਮੀਡੀਆ ਸਕ੍ਰੀਨ ਅਤੇ ਵਿਸ਼ੋਲ ਚੌਕਾਰ ਦੀ ਸਭ ਤੋਂ ਵੱਡੀ ਚੌਕਾਰ 768 ਪਿਕਸਲ ਹੋਵੇ ਤਾਂ "mobstyle.css" ਸਟਾਈਲ ਸ਼ੇਅਰ ਲਿਆ ਜਾਵੇਗਾ:

@import "mobstyle.css" screen and (max-width: 768px);

ਖੁਦ ਦੀ ਸਿਖਲਾਈ ਦੇਣ ਦੀ ਸਲਾਹ

CSS ਗਰੰਟਰ

@import url|string list-of-mediaqueries;

ਵਿਸ਼ੇਸ਼ਤਾ ਮੁੱਲ

ਮੁੱਲ ਵਰਣਨ
url|string url ਜਾਂ ਸਟਰਿੰਗ, ਜੋ ਸ਼ੁਰੂ ਕਰਨ ਵਾਲੇ ਸਾਈਟ ਵਿੱਚ ਸਥਿਤ ਹੋਣ ਵਾਲੇ ਸੰਸਾਧਨ ਦਾ ਸਥਾਨ ਪ੍ਰਦਰਸ਼ਿਤ ਕਰਦੀ ਹੈ।url ਸਮੁੱਚੇ ਜਾਂ ਸਬਸਕ੍ਰਾਈਬਰ ਹੋ ਸਕਦੀ ਹੈ。
list-of-mediaqueries ਕੋਲਾ ਵਿੱਚੋਂ ਅੰਕੜੇ ਦੀ ਸੂਚੀ, ਜਿਸ ਨਾਲ ਸਾਈਟ ਦੇ ਮੀਡੀਆ ਕਿਸਮ ਦੇ ਅਧਾਰ 'ਤੇ ਕੀ ਕੀਤਾ ਜਾਵੇਗਾ, ਇਹ ਮੀਡੀਆ ਕਿਸਮ ਦੀ ਸੂਚੀ ਤੈਅ ਕਰਦੀ ਹੈ।

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

ਸਾਰੇ ਬਰਾਉਜ਼ਰਾਂ ਵਿੱਚ ਇਸ ਵਿਸ਼ੇਸ਼ਤਾ ਦਾ ਪਹਿਲਾ ਸਮਰਥਨ ਕਰਨ ਵਾਲਾ ਬਰਾਉਜ਼ਰ ਦੀ ਸੰਖਿਆ ਸਾਰੇ ਤੌਰ 'ਤੇ ਦਿਸ਼ਾ ਦਿੱਤੀ ਗਈ ਹੈ。

ਚਰਮੋਨਾ IE / ਐਜ਼ਡ ਫਾਇਰਫਾਕਸ ਸਫਾਰੀ ਓਪੇਰਾ
1.0 5.5 1.0 1.0 3.5