CSS @가져오기 규칙
예시
"navigation.css" 스타일 시트를 현재 스타일 시트로 가져옵니다.
@import
"navigation.css"; /* Using a string */
or
@import
url("navigation.css"); /* Using a url */
아래에 더 많은 예가 있습니다.
정의 및 사용
@import
규칙을 사용하면 스타일 시트를 다른 스타일 시트로 가져올 수 있습니다 .
규칙 은 @import
문서의 맨 위에 있어야 합니다(그러나
@charset
선언 뒤에 있음).
규칙 은 @import
미디어 쿼리도 지원하므로 가져오기가 미디어에 종속되도록 허용할 수 있습니다.
브라우저 지원
표의 숫자는 속성을 완전히 지원하는 첫 번째 브라우저 버전을 지정합니다.
Property | |||||
---|---|---|---|---|---|
@import | 1.0 | 5.5 | 1.0 | 1.0 | 3.5 |
CSS 구문
@import url|string list-of-mediaqueries;
속성 값
Value | Description |
---|---|
url|string | A url or a string representing the location of the resource to import. The url may be absolute or relative |
list-of-mediaqueries | A comma-separated list of media queries conditioning the application of the CSS rules defined in the linked URL |
더 많은 예
예시
미디어가 인쇄되는 경우에만 "printstyle.css" 스타일 시트를 가져옵니다.
@import
"printstyle.css" print;
예시
미디어가 화면이고 뷰포트가 최대 768픽셀인 경우에만 "mobstyle.css" 스타일 시트를 가져옵니다.
@import
"mobstyle.css" screen and (max-width: 768px);