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