เอ็มการแบ่งเพจภายในช่อง ตัวอย่าง อธิบาย คุณสมบัตินี้กำหนดว่าเพจจะเกิดขึ้นภายในองค์ประกอบที่ระบุหรือไม่ สถานะการสนับสนุน N. คุณลักษณะเค้าร่าง ตัวอย่าง อธิบาย เค้าร่างเป็นตัวย่อของสไตล์เค้าร่าง ความกว้างเค้าร่าง และสีเค้าร่าง แอ็ตทริบิวต์นี้ดีกว่าแอ็ตทริบิวต์ border เนื่องจากไม่ส่งผลต่อการไหลของเอกสาร ดังนั้นจึงมีประโยชน์มากกว่าสำหรับการดีบักปัญหาโครงร่าง สถานะการสนับสนุน O. ค่าทางเลือกของแอตทริบิวต์การแสดงผล ตัวอย่าง อธิบาย โดยปกติแล้วแอตทริบิวต์การแสดงผลจะถูกตั้งค่าเป็นบล็อก อินไลน์ หรือไม่มีเลย ค่าทางเลือก ได้แก่: สถานะการสนับสนุน การจัดการช่องว่างที่ยุบได้ ตัวอย่าง อธิบาย ค่าบรรทัดล่วงหน้าของแอตทริบิวต์ช่องว่างจะยุบองค์ประกอบช่องว่างหลายรายการให้เป็นช่องว่างเดียวในขณะที่อนุญาตให้มีการขึ้นบรรทัดใหม่อย่างชัดเจน ค่า pre-wrap ของแอตทริบิวต์ white-space จะไม่ยุบช่องว่างหลายช่องให้เป็นช่องเดียว แต่อนุญาตให้ตั้งค่าการขึ้นบรรทัดใหม่ได้อย่างชัดเจน สถานะการสนับสนุน 4. เทคโนโลยีอื่นๆ มากมาย ก. สื่อประเภท @import ตัวอย่าง อธิบาย เช่นเดียวกับตัวอย่างข้างต้น ประเภทสื่อของไฟล์สไตล์ชีตที่นำเข้าจะถูกประกาศหลังที่อยู่ไฟล์ ในตัวอย่างนี้ ประเภทสื่อสิ่งพิมพ์คือ "หน้าจอ" สถานะการสนับสนุน แมลง แม้ว่า IE6 และ IE7 จะรองรับ @import แต่ก็จะไม่มีผลใดๆ เมื่อระบุประเภทสื่อ แม้ว่าจะส่งผลให้กฎ @import ปกติไม่ถูกต้องก็ตาม B. การนับที่เพิ่มขึ้น ตัวอย่าง อธิบาย เทคนิค CSS นี้ช่วยให้คุณเพิ่มจำนวนที่ปรากฏก่อนองค์ประกอบที่ระบุได้โดยอัตโนมัติ โดยใช้ร่วมกับองค์ประกอบหลอกก่อนหน้า สถานะการสนับสนุน C. อักขระอ้างอิงสำหรับเนื้อหาที่สร้างขึ้น ตัวอย่าง อธิบาย ระบุสัญญาณเรียกการอ้างอิงที่ใช้ในการสร้างเนื้อหา เพื่อใช้กับแท็ก q สถานะการสนับสนุน 5. ข้อบกพร่องที่สำคัญและปัญหาความไม่เข้ากัน ต่อไปนี้คือจุดบกพร่องจำนวนมากใน IE6 และ IE7 ที่ไม่ได้กล่าวถึงข้างต้น แน่นอนว่ารายการนี้ไม่รวมรายการที่ไม่รองรับในเบราว์เซอร์ทั้งสามตัว ข้อบกพร่อง IE6 A. ไม่รองรับการตั้งค่าองค์ประกอบ <abbr> โดยใช้สไตล์ B. ไม่รองรับชื่อคลาสและ ID ที่ขึ้นต้นด้วยยัติภังค์และขีดล่าง C. องค์ประกอบ <select> จะปรากฏที่ด้านบนของสแต็กเสมอ โดยไม่คำนึงถึงค่าดัชนี z D. หากคลาสหลอกของ Anchor ไม่ได้ใช้ลำดับที่ถูกต้อง (:link, :visited, :hover) คลาสหลอก :hover จะไม่ถูกต้อง E. การประกาศ !important ของแอ็ตทริบิวต์จะถูกเขียนทับด้วยการประกาศครั้งที่สองของแอ็ตทริบิวต์เดียวกันในกฎเดียวกันที่ไม่ได้ใช้ !important F. ความสูงมีพฤติกรรมคล้ายกับความสูงขั้นต่ำ G ความกว้างมีลักษณะการทำงานคล้ายกับความกว้างขั้นต่ำ H. ระยะขอบซ้ายและขวาเป็นสองเท่า I. เส้นประดูเหมือนเส้นประ J. ค่าบรรทัดผ่านของการตกแต่งข้อความดูสูงกว่าเบราว์เซอร์อื่นๆ ในข้อความ K. หากรายการที่เรียงลำดับมีโครงสร้างคงที่ (รูปแบบ haslayout เป็นจริง ไม่สามารถตั้งค่าความสูง/ความกว้าง/การซูมของ li เพื่อเปิดใช้งานค่า haslayout ได้) หมายเลขลำดับจะไม่เพิ่มขึ้น แต่จะยังคงอยู่ที่ 1 L. องค์ประกอบรายการไม่สนับสนุนค่าที่มีอยู่ทั้งหมดของ list-style-type M. หากรายการเป็นแบบลอย รายการสไตล์รูปภาพที่ระบุจะไม่ปรากฏขึ้น N. ไม่รองรับ @font-face อย่างสมบูรณ์ O. ตัวเลือกบางตัวจะจับคู่ความคิดเห็นและการประกาศเอกสารอย่างไม่ถูกต้อง P. หากตัวเลือก ID ที่รวมกับตัวเลือกคลาสไม่ตรงกัน ตัวเลือก ID เดียวกันที่รวมกับตัวเลือกคลาสที่แตกต่างกันจะถือว่าไม่ตรงกันเช่นกัน ข้อบกพร่อง IE7 A. หากรายการที่เรียงลำดับมีโครงสร้างคงที่ (เค้าโครงเป็นจริง ไม่สามารถตั้งค่าความสูง/ความกว้าง/การซูมของ li เพื่อเปิดใช้งานค่าเค้าโครงเค้าโครงได้) หมายเลขลำดับจะไม่เพิ่มขึ้น แต่จะยังคงอยู่ที่ 1 B. องค์ประกอบรายการไม่สนับสนุนค่าที่มีอยู่ทั้งหมดของ list-style-type C. หากรายการเป็นแบบลอย รายการ-สไตล์-อิมเมจที่ระบุจะไม่ปรากฏขึ้น D. ไม่รองรับ @font-face อย่างสมบูรณ์ E. ตัวเลือกบางตัวจะจับคู่ความคิดเห็นและการประกาศเอกสารอย่างไม่ถูกต้อง F. จุดบกพร่อง IE บางอย่างที่ไม่ได้กล่าวถึงที่นี่จะเกิดขึ้นในสภาพแวดล้อมที่เฉพาะเจาะจงเท่านั้น และไม่ได้ถูกกำหนดให้กับคุณสมบัติหรือค่า CSS ที่เฉพาะเจาะจง #กล่อง {
หน้าแบ่งภายใน: หลีกเลี่ยง;
- IE6 หมายเลข
IE7หมายเลข
IE8 ใช่ #กล่อง {
โครงร่าง: ทึบ 1px สีแดง;
- IE6 หมายเลข
IE7หมายเลข
IE8 ใช่ #กล่อง {
จอแสดงผล: อินไลน์บล็อก;
- อินไลน์บล็อก
ตารางอินไลน์
รายการสินค้า
วิ่งเข้า
โต๊ะ
คำบรรยายตาราง
ตารางเซลล์
ตาราง-คอลัมน์
ตารางคอลัมน์กลุ่ม
ส่วนท้ายตาราง-กลุ่ม
กลุ่มส่วนหัวของตาราง
ตารางแถว
ตารางแถวกลุ่ม IE6 หมายเลข
IE7หมายเลข
IE8 ใช่ พี {
white-space: พรีไลน์;
-
div {
พื้นที่สีขาว: ก่อนห่อ;
- IE6 หมายเลข
IE7หมายเลข
IE8 ใช่ @import url("styles.css") หน้าจอ; IE6 หมายเลข
IE7หมายเลข
IE8 ใช่ h2 {
การเพิ่มขึ้นแบบเคาน์เตอร์: ส่วนหัว;
-
h2: ก่อน {
เนื้อหา: ตัวนับ(ส่วนหัว) ". ";
- IE6 หมายเลข
IE7หมายเลข
IE8 ใช่ คิว {
เครื่องหมายคำพูด: "'" "'";
-
ถาม:ก่อน {
เนื้อหา: open-quote;
-
ถาม:หลังจาก {
เนื้อหา: คำพูดปิด;
- IE6 หมายเลข
IE7หมายเลข
IE8 ใช่