กฎ @import ของ CSS

การกำหนดและการใช้งาน

กฎ @import อนุญาตให้นำไซล์ต้นแบบเข้าไปยังไซล์ต้นแบบอื่น

กฎ @import ต้องอยู่ที่ด้านบนของเอกสาร (แต่หลังจากการประกาศ @charset ถ้ามี)

กฎ @import สนับสนุนมีเดียความถึง ดังนั้นสามารถอนุญาตให้นำเข้าที่ขึ้นอยู่กับมีเดีย

นำไซล์ต้นแบบ "navigation.css" นำเข้าไปยังไซล์ต้นแบบปัจจุบัน

@import "navigation.css"; /* ใช้ข้อความ */

หรือ

@import url("navigation.css"); /* ใช้ url */

นำเข้าไซล์ต้นแบบ "printstyle.css" แบบมีเดีย print

@import "printstyle.css" print;

นำเข้าไซล์ต้นแบบ "mobstyle.css" แบบมีเดีย screen และความกว้างของมุมมองที่ไม่เกิน 768 พิกเซล

@import "mobstyle.css" screen and (max-width: 768px);

@import url|string list-of-mediaqueries;

ค่า	คำอธิบาย
url\|string	url หรือข้อความ แสดงถึงตำแหน่งของทรัพยากรที่ต้องการนำเข้า
list-of-mediaqueries	รายชื่อมีเดียความถึงที่แบ่งด้วยความหยาบ ตัดสินว่าที่มี CSS ที่นำเข้าโดย URL ใช้งานภายใต้เงื่อนไขอะไร

ตัวเลขในตารางระบุตัวเครื่องมือแรกที่สนับสนุนคุณสมบัตินี้อย่างเต็มที่。

Chrome	IE / Edge	Firefox	Safari	Opera
1.0	5.5	1.0	1.0	3.5