@import Rule

DHTML, HTML, & CSS

previous page next page

@font-face Rule

@media Rule

DHTML Properties

Web Workshop | DHTML, HTML & CSS

@import Rule

Imports an external style sheet.

Syntax

HTML @import url(sUrl);

Scripting N/A

HTML	@import url(sUrl);
Scripting	N/A

Possible Values

sUrl String that specifies the URL that references a cascading style sheet.

The rule has no default value.

Expressions can be used in place of the preceding value(s), as of Microsoft® Internet Explorer 5. For more information, see dynamic properties.

Remarks

The semicolon in the syntax is required; if omitted, the style sheet is not imported properly and an error message is generated.

The @import rule, like the LINK element, links an external style sheet to a document. This helps the Web author establish a consistent "look" across multiple HTML pages. Whereas the LINK element specifies the name of the style sheet to import using its HREF attribute, the @import rule specifies the style sheet definition inside a LINK or a STYLE tag. In the scripting model, this means the owningElement property of the style sheet defined through the @import rule is either a STYLE or a LINK object.

The @import rule should occur at the start of a style sheet, before any declarations. Although Internet Explorer 4.0 allows @import statements to appear anywhere within the style sheet definition, the rules contained within the @import style sheet are applied to the document before any other rules defined for the containing style sheet. This rule order affects expected rendering.

Rules in the style sheet override rules in the imported style sheet.

Example

This example uses the @import rule to import a style sheet located at http://anotherStyleSheet.css.

Sample Code
<STYLE type="css/text">
    @import url(http://anotherStyleSheet.css);
    P {color:blue}
</STYLE>