กล่อง Orient CSS3 คุณสมบัติ
ตัวอย่าง
ระบุส่วน div องค์ประกอบของเด็กจัดขวาง:
div
{
ความกว้าง: 350px;
ความสูง: 100px;
ชายแดน: 1px ของแข็งสีดำ
/ * Firefox * /
จอแสดงผล: -moz กล่อง;
-moz กล่องทิศทาง: แนวนอน
/ * Safari, Opera และ Chrome * /
จอแสดงผล: -webkit กล่อง;
-webkit กล่องทิศทาง: แนวนอน
/ * W3C * /
จอแสดงผล: กล่อง;
กล่อง Orient: แนวนอน
}
{
ความกว้าง: 350px;
ความสูง: 100px;
ชายแดน: 1px ของแข็งสีดำ
/ * Firefox * /
จอแสดงผล: -moz กล่อง;
-moz กล่องทิศทาง: แนวนอน
/ * Safari, Opera และ Chrome * /
จอแสดงผล: -webkit กล่อง;
-webkit กล่องทิศทาง: แนวนอน
/ * W3C * /
จอแสดงผล: กล่อง;
กล่อง Orient: แนวนอน
}
ลอง»
สนับสนุนเบราว์เซอร์
ปัจจุบันเบราว์เซอร์ที่สำคัญทั้งหมดไม่สนับสนุนคุณสมบัติกล่อง Orient
Firefox โดยทรัพย์สินส่วนตัว - การสนับสนุน MOZ กล่องทิศทาง
Safari, Opera และ Chrome ผ่านทรัพย์สินส่วนตัว -webkit กล่องทิศทางการสนับสนุน
แอตทริบิวต์คำจำกัดความและคำแนะนำ
คุณสมบัติกล่อง Orient ระบุว่ากล่องควรจะเป็นองค์ประกอบของเด็กแนวนอนหรือแนว
เคล็ดลับ: ในกล่องย่อยองค์ประกอบในแนวนอนจะปรากฏจากซ้ายไปขวากล่องแสดงในแนวตั้งจากบนลงล่างแต่ กล่องทิศทาง การวางแนวทางอาจจะเป็น กล่องลำดับกลุ่ม อสังหาริมทรัพย์มีการเปลี่ยนแปลงคำสั่งนี้
เริ่มต้น: | อินไลน์แกน |
---|---|
มรดก: | ไม่ |
เวอร์ชัน: | CSS3 |
ไวยากรณ์ javascript: | วัตถุ .style.boxOrient = "แนวตั้ง" |
ไวยากรณ์
กล่อง Orient: แนวนอน | แนวตั้ง | อินไลน์แกน | บล็อกแกน | สืบทอด;
ความคุ้มค่า | คำอธิบาย |
---|---|
ตามแนวนอน | ระบุองค์ประกอบย่อยจะถูกจัดเรียงเป็นเส้นแนวนอนจากซ้ายไปขวา |
แนวตั้ง | จากบนลงล่างของการจัดแนวตั้งขององค์ประกอบย่อย |
อินไลน์แกน | องค์ประกอบของเด็ก Inline พร้อมแกน (แมปไปยังแนวนอน) |
บล็อกแกน | องค์ประกอบย่อยบล็อกพร้อมแกน (แมปไปยังแนวตั้ง) |
สืบทอด | ค่าคุณสมบัติกล่อง Orient ควรได้รับการสืบทอดมาจากองค์ประกอบหลัก |