บทช่วยสอน คุณสมบัติการแสดงผล CSS ที่ดีที่สุดในปี 2024 ในบทช่วยสอนนี้ คุณสามารถเรียนรู้ ตัวอย่าง,แอตทริบิวต์คำจำกัดความและคำแนะนำ,สนับสนุนเบราว์เซอร์,มูลค่าทรัพย์สิน,ตัวอย่างเพิ่มเติม,บทความที่เกี่ยวข้อง,

คุณสมบัติการแสดงผล CSS

ตัวอย่าง

ทำให้ <h2> องค์ประกอบที่มองไม่เห็น:

H2
{
visibility: hidden;
}

ลอง»

ในด้านล่างของหน้านี้ตัวอย่างมากขึ้น

แอตทริบิวต์คำจำกัดความและคำแนะนำ

แอตทริบิวต์การแสดงผลระบุว่าเป็นองค์ประกอบที่จะมองเห็นได้

เคล็ดลับ: แม้ว่าองค์ประกอบที่มองไม่เห็นจะครอบครองพื้นที่บนหน้าเว็บโดยใช้คุณสมบัติ "จอแสดงผล" เพื่อสร้างไม่ใช้พื้นที่บนหน้าเว็บไม่ได้เป็นองค์ประกอบที่มองเห็นได้

เริ่มต้น: มองเห็นได้
มรดก: ใช่
เวอร์ชัน: CSS2
ไวยากรณ์ javascript: วัตถุ .style.visibility = "ซ่อน"


สนับสนุนเบราว์เซอร์

Internet ExplorerFirefoxOperaGoogle ChromeSafari

เบราว์เซอร์ที่สำคัญทั้งหมดสนับสนุนคุณสมบัติการแสดงผล

หมายเหตุ :: Internet Explorer (รวม IE8) ไม่สนับสนุนรุ่นค่าแอตทริบิวต์ "สืบทอด" หรือ "ล่มสลาย"


มูลค่าทรัพย์สิน

ความคุ้มค่า ลักษณะ
มองเห็นได้ ผิดนัด องค์ประกอบที่สามารถมองเห็นได้
ซ่อนเร้น องค์ประกอบที่มองไม่เห็น
ล่มสลาย เมื่อนำมาใช้ในองค์ประกอบของตารางค่านี้สามารถลบแถวหรือคอลัมน์ แต่ก็ไม่ส่งผลต่อรูปแบบของตาราง พื้นที่ถูกครอบครองโดยแถวหรือคอลัมน์ที่จะถูกทิ้งไว้กับการใช้งานเนื้อหาอื่น ๆ หากค่านี้ถูกนำมาใช้ในองค์ประกอบอื่น ๆ ก็จะกลายเป็น "ซ่อน"
สืบทอด บทบัญญัติควรสืบทอดค่าคุณลักษณะการแสดงผลจากองค์ประกอบหลัก


ตัวอย่าง

ตัวอย่างเพิ่มเติม

องค์ประกอบที่มีการตั้งค่ารูปแบบที่จะยุบ
ตัวอย่างนี้แสดงให้เห็นถึงวิธีที่จะทำให้องค์ประกอบตารางซ้อนทับ


บทความที่เกี่ยวข้อง

กวดวิชา CSS: การแสดงผล CSS และการมองเห็น

คุณสมบัติการแสดงผล CSS
10/30