CSS @import రూలు

  • ముంది పేజీ
  • తదుపరి పేజీ

నిర్వచనం మరియు వినియోగం

@import రూలు మీరు మరొక షేడ్ స్కేమ్ ను ప్రవేశపెట్టడానికి అనుమతిస్తుంది.

@import రూలు డాక్యుమెంట్ పైభాగంలో ఉండాలి (కానీ @charset ప్రకటన తర్వాత).

@import రూలు మీడియా క్యూరీలను కూడా మద్దతు ఇస్తుంది, కాబట్టి మీడియా ఆధారిత ప్రవేశపెట్టడానికి అనుమతిస్తుంది.

ఇన్స్టాన్స్

ఉదాహరణ 1

"navigation.css" షేడ్ స్కేమ్ ను ప్రస్తుత షేడ్ స్కేమ్ లో ప్రవేశపెట్టండి:

@import "navigation.css"; /* స్ట్రింగ్ వాడండి */

లేదా

@import url("navigation.css"); /* యూరిలు వాడండి */

ఉదాహరణ 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 యూరిలు లేదా స్ట్రింగ్, దానిని దాని స్థానాన్ని ప్రతినిధీకరిస్తుంది. యూరిలు సమగ్రంగా లేదా సామాన్యంగా ఉండవచ్చు.
list-of-mediaqueries కాలమ్బులతో వేరుచేసిన మీడియా క్యూరీల జాబితా, విడివిడి యూరిలను ప్రవేశపెట్టిన సీఎస్ఎస్ రూలు ఏ పరిస్థితులలో వర్తిస్తుంది నిర్ధారిస్తుంది.

浏览器支持

表格中的数字注明了完全支持该属性的首个浏览器版本。

క్రోమ్ IE / ఎడ్జ్ ఫైర్ఫాక్స్ సఫారీ ఓపెరా
1.0 5.5 1.0 1.0 3.5
  • ముంది పేజీ
  • తదుపరి పేజీ