คุณสมบัติ HTML DOM Style fontVariant ใช้สำหรับตั้งค่าหรือส่งคืนว่าฟอนต์ควรแปลงเป็น small-caps หรือไม่ ใน small-caps ตัวอักษรพิมพ์เล็กทั้งหมดจะถูกแปลงเป็นพิมพ์ใหญ่แต่ขนาดเท่ากับพิมพ์เล็ก ตัวอักษรพิมพ์ใหญ่เดิมจะไม่ได้รับผลกระทบ ไวยากรณ์ (Syntax) การตั้งค่าคุณสมบัติ fontVariant: object.style.fontVari

คุณสมบัติ HTML DOM fontWeight ใช้สำหรับตั้งค่าหรือส่งคืนความหนาของตัวอักษรขององค์ประกอบ ไวยากรณ์ (Syntax) การตั้งค่าคุณสมบัติ fontWeight: object.style.fontWeight = normal|lighter|bold|bolder|value|initial|inherit ค่าของคุณสมบัติ (Property Values) ค่า คำอธิบาย normal ค่าเริ่มต้น ไม่ทำการเปล

คุณสมบัติ HTML DOM Style height ใช้สำหรับตั้งค่าหรือส่งคืนความสูงขององค์ประกอบ ไวยากรณ์ (Syntax) การตั้งค่าคุณสมบัติ height: object.style.height = auto|length|%|initial|inherit ค่าของคุณสมบัติ (Property Values) ค่า คำอธิบาย auto ค่าเริ่มต้น ความสูงถูกกำหนดโดยเบราว์เซอร์ length กำหนดความส

คุณสมบัติ HTML DOM Style isolation ใช้สำหรับกำหนดว่าองค์ประกอบต้องสร้าง stacking context ใหม่หรือไม่ คุณสมบัตินี้ใช้หลักเพื่อป้องกันไม่ให้องค์ประกอบผสมผสานกับพื้นหลังโดยการสร้าง stack element แยกต่างหาก ไวยากรณ์ (Syntax) การตั้งค่าคุณสมบัติ isolation: object.style.isolation = auto|isolate|initial|

คุณสมบัติ HTML DOM justifyContent ใช้สำหรับจัดตำแหน่ง flex items แนวนอนบนแกนหลัก (main axis) เมื่อไม่ได้ใช้พื้นที่ทั้งหมดที่มีอยู่ ไวยากรณ์ (Syntax) การตั้งค่าคุณสมบัติ justifyContent: object.style.justifyContent = flex-start|flex-end|center|space-between|space-around|initial|inherit ค่าของคุณสมบ

คุณสมบัติ HTML DOM Style display ใช้สำหรับตั้งค่าหรือส่งคืนประเภทการแสดงผลขององค์ประกอบ องค์ประกอบส่วนใหญ่เป็น block หรือ inline สามารถซ่อนองค์ประกอบได้ด้วย display: none ไวยากรณ์ (Syntax) การตั้งค่าคุณสมบัติ display: object.style.display = value ค่าของคุณสมบัติ (Property Values) ค่า คำอธิบาย

คุณสมบัติ HTML DOM Style emptyCells ใช้สำหรับระบุวิธีการแสดงเซลล์ว่างของตาราง โดยค่าเริ่มต้นจะตั้งเป็น show ไวยากรณ์ (Syntax) การตั้งค่าคุณสมบัติ emptyCells: empty-cells: show|hide|initial|inherit; ที่นี่ show จะแสดงขอบของเซลล์ว่าง ในขณะที่ hide จะไม่แสดง initial ตั้งค่าเป็นค่าเริ่มต้น และ inheri

คุณสมบัติ HTML DOM Style filter ใช้สำหรับกำหนดเอฟเฟกต์ภาพให้กับองค์ประกอบ ไวยากรณ์ (Syntax) การตั้งค่าคุณสมบัติ filter: object.style.filter = none | blur() | brightness() | contrast() | drop-shadow() | grayscale() | hue-rotate() | invert() | opacity() | saturate() | sepia() ค่าของฟิลเตอร์ (Filter

คุณสมบัติ HTML DOM Style flex ใช้สำหรับตั้งค่าหรือส่งคืนความยาวแบบยืดหยุ่นสำหรับองค์ประกอบที่มีคุณสมบัติ display ตั้งเป็น flex ใช้จัดการคุณสมบัติ flexGrow, flexShrink และ flexBasis พร้อมกัน ไวยากรณ์ (Syntax) การตั้งค่าคุณสมบัติ flex: object.style.flex = flex-grow flex-shrink flex-basis|auto|initia

คุณสมบัติ HTML DOM Style flexBasis ใช้สำหรับระบุขนาดเริ่มต้นขององค์ประกอบที่มีการแสดงผลแบบ flex คุณสมบัติ flexBasis มีความสำคัญสูงกว่า width สำหรับค่าอื่นๆ นอกจาก auto ไวยากรณ์ (Syntax) การตั้งค่าคุณสมบัติ flexBasis: object.style.flexBasis = number|auto|initial|inherit ค่าของคุณสมบัติ (Property V

คุณสมบัติ HTML DOM Style flexDirection ใช้สำหรับกำหนดหรือส่งคืนทิศทางการจัดวางขององค์ประกอบ flex (flex items) ภายใน flex container ไวยากรณ์ (Syntax) การตั้งค่าคุณสมบัติ flexDirection: object.style.flexDirection = row|row-reverse|column|column-reverse|initial|inherit ค่าของคุณสมบัติ (Property Valu

คุณสมบัติ flexFlow ของ Style ใน HTML DOM เป็น shorthand property ที่ใช้กำหนด flexDirection และ flexWrap พร้อมกันในคำสั่งเดียว ยอมรับค่าในลำดับเดียวกัน รูปแบบการใช้งาน (Syntax) การตั้งค่า flexFlow property: object.style.flexFlow = flex-direction flex-wrap|initial|inherit คุณสมบัติทั้งสองมีรายละเอี

คุณสมบัติ flexGrow ใช้นิยามสัดส่วนที่ Flex Item จะขยาย (Grow) ขึ้นเมื่อมีพื้นที่ว่างเหลือใน Flex Container รับค่าตัวเลขไม่มีหน่วย (Unitless) ไวยากรณ์ (Syntax) object.style.flexGrow = number|initial|inherit ค่าที่รองรับ ค่าคำอธิบาย numberตัวคูณการขยาย (ค่าเริ่มต้น = 0, ไม่ขยาย) initialตั้งค่ากล

คุณสมบัติ flexShrink ใช้นิยามสัดส่วนที่ Flex Item จะหดตัว (Shrink) ลงเมื่อพื้นที่ใน Flex Container ไม่พอ ใช้ร่วมกับ flexGrow และ flexBasis ไวยากรณ์ (Syntax) object.style.flexShrink = number|initial|inherit ค่าที่รองรับ ค่าคำอธิบาย numberตัวคูณการหดตัว (ค่าเริ่มต้น = 1, 0 = ไม่หด, ตัวเลขมาก = ห

คุณสมบัติ flexWrap ใช้กำหนดว่า Flex Items จะถูกบังคับให้อยู่ในบรรทัดเดียว หรือสามารถห่อหุ้มไปบรรทัดใหม่ได้ (ใน Flex Container) ไวยากรณ์ (Syntax) object.style.flexWrap = nowrap|wrap|wrap-reverse|initial|inherit ค่าที่รองรับ ค่าคำอธิบาย nowrapไม่ห่อหุ้ม - ทุก items ในบรรทัดเดียว (ค่าเริ่มต้น) อา

คุณสมบัติ columnRuleColor ใช้สำหรับกำหนดหรือดึงค่าสีของเส้นกั้นระหว่างคอลัมน์ ไวยากรณ์ (Syntax) object.style.columnRuleColor = color|initial|inherit ค่าที่รองรับ ค่าคำอธิบาย colorระบุสีเส้นกั้น (ชื่อสี, HEX, RGB, RGBA, HSL, HSLA) ค่าเริ่มต้น = currentColor initialตั้งค่ากลับเป็นค่าเริ่มต้น inh

คุณสมบัติ columnRuleStyle ใช้สำหรับกำหนดหรือดึงค่ารูปแบบของเส้นกั้นระหว่างคอลัมน์ ไวยากรณ์ (Syntax) object.style.columnRuleStyle = none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset|initial|inherit ค่าที่รองรับ ค่าคำอธิบาย noneไม่มีเส้นกั้น (ค่าเริ่มต้น) hiddenเหมือน none แต่จองพ

คุณสมบัติ columnRuleWidth ใช้สำหรับกำหนดหรือดึงค่าความกว้างของเส้นกั้นระหว่างคอลัมน์ (Column Rule) ไวยากรณ์ (Syntax) object.style.columnRuleWidth = medium|thin|thick|length|initial|inherit ค่าที่รองรับ ค่าคำอธิบาย thinเส้นบาง (~1px) mediumเส้นกลาง (ค่าเริ่มต้น ~3px) thickเส้นหนา (~5px) lengthร

คุณสมบัติ columns เป็น shorthand property สำหรับกำหนด columnWidth และ columnCount พร้อมกันในคำสั่งเดียว ไวยากรณ์ (Syntax) object.style.columns = auto|column-width column-count|initial|inherit ค่าที่รองรับ ค่าคำอธิบาย autocolumn-width = auto, column-count = auto (ค่าเริ่มต้น) column-widthระบุคว

คุณสมบัติ columnSpan ใช้ระบุว่าองค์ประกอบควรข้ามคอลัมน์กี่คอลัมน์ใน CSS Multi-column Layout ไวยากรณ์ (Syntax) object.style.columnSpan = 1|all|initial|inherit ค่าที่รองรับ ค่าคำอธิบาย 1ข้าม 1 คอลัมน์ (ค่าเริ่มต้น - ไม่ข้าม) allข้ามทุกคอลัมน์ (Span across all columns) initialตั้งค่ากลับเป็นค่าเร