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 ਕੋਮਾ ਨਾਲ ਵੰਡੇ ਮੀਡੀਆ ਕਿਊਰੀ ਸੂਚੀ, ਜੋ ਕਿ URL ਰਾਹੀਂ ਲਿਆਂਦੇ ਗਏ ਸਕ੍ਰੀਨ ਸਟਾਈਲ ਸ਼ੈਰਟ ਕਿਸ ਸ਼ਰਤਾਂ ਤਹਿਤ ਲਾਗੂ ਹੋਣਗੇ ਨੂੰ ਨਿਰਧਾਰਿਤ ਕਰਦੀ ਹੈ。

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

ਸਾਰੇ ਬਰਾਉਜ਼ਰਾਂ ਵਿੱਚ ਇਸ ਪ੍ਰਾਪਰਟੀ ਦਾ ਪੂਰਾ ਸਮਰਥਨ ਕਰਨ ਵਾਲੇ ਪਹਿਲੇ ਬਰਾਉਜ਼ਰ ਦੇ ਨੰਬਰ ਵਿੱਚ ਸਾਰੇ ਨੰਬਰ ਦਰਸਾਏ ਗਏ ਹਨ。

ਚਰਮੋਇਨ IE / ਐਜ਼ਡ ਫਾਇਰਫਾਕਸ ਸਫਾਰੀ ਓਪਰਾ
1.0 5.5 1.0 1.0 3.5
  • ਪਿਛਲਾ ਪੰਨਾ
  • ਅਗਲਾ ਪੰਨਾ