กฎ @import CSS
- หน้าก่อน image-rendering
- หน้าต่อไป initial-letter
การกำหนดและการใช้งาน
กฎ @import อนุญาตให้นำเข้าโซลิลสู่โซลิลอื่น
กฎ @import ต้องตั้งที่ด้านบนของเอกสาร (แต่หลังจากคำแถลง @charset ถ้ามี)
กฎ @import สนับสนุนคำสั่ง media query ดังนั้นสามารถอนุญาตให้นำเข้าที่น่าเชื่อถือของสื่อ
ตัวอย่าง
ตัวอย่าง 1
นำโซลิล "navigation.css" สู่โซลิลปัจจุบัน
@import "navigation.css"; /* ใช้ข้อความตัวอักษร */
หรือ
@import url("navigation.css"); /* ใช้ url */
ตัวอย่าง 2
นำเข้าโซลิล "printstyle.css" เมื่อมีสื่อเป็น print
@import "printstyle.css" print;
ตัวอย่าง 3
นำเข้าโซลิลได้เมื่อมีสื่อเป็น screen และความกว้างของโซลิลไม่เกิน 768 พิกเซล
@import "mobstyle.css" screen and (max-width: 768px);
CSS ภาษา
@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 |
- หน้าก่อน image-rendering
- หน้าต่อไป initial-letter
