แอตทริบิวต์ selected ใน HTML ใช้กำหนดว่าตัวเลือกควรถูกเลือกไว้ล่วงหน้าเมื่อหน้าเว็บโหลด ไวยากรณ์ <option selected></option> ตัวอย่าง <!DOCTYPE html> <html> <style> body { color: #000; height: 100vh; background-color: #8BC6EC; background-image: linear-g

แอตทริบิวต์ size ใน HTML แสดงจำนวนตัวเลือก/ตัวอักษรที่มองเห็นได้ในองค์ประกอบ select และ input ของ HTML ไวยากรณ์ <tagname size=number></tagname> ตัวอย่าง <!DOCTYPE html> <html> <style> body { color: #000; height: 100vh; background-color: #8BC6EC; backgr

แอตทริบิวต์ placeholder ใน HTML แสดงข้อความที่ปรากฏในองค์ประกอบ input/textarea ก่อนที่ผู้ใช้จะเริ่มป้อนข้อมูล ไวยากรณ์ <tagname placeholder=text></tagname> ตัวอย่าง <!DOCTYPE html> <html> <style> body { color: #000; height: 100vh; background-color: #8BC6EC

แอตทริบิวต์ readOnly ใน HTML แสดงว่าองค์ประกอบ input/textarea เป็นแบบอ่านอย่างเดียว (read-only) หมายความว่าคุณไม่สามารถแก้ไขเนื้อหาของมันได้ในเอกสาร HTML ไวยากรณ์ <tagname readOnly></tagname> ตัวอย่าง <!DOCTYPE html> <html> <style> body { color: #000; height:

แอตทริบิวต์ reversed ใน HTML ใช้กำหนดให้ลำดับรายการในองค์ประกอบ ol ของ HTML แสดงในลำดับถอยหลัง (descending) ในเอกสาร HTML ไวยากรณ์ <ol reversed></ol> ตัวอย่าง <!DOCTYPE html> <html> <style> body { color: #000; height: 100vh; background-color: #8BC6EC;

คุณสมบัติ top ของ HTML DOM Style ใช้สำหรับคืนค่าและแก้ไขตำแหน่งด้านบนขององค์ประกอบ HTML ที่มีการจัดตำแหน่ง (positioned) ในเอกสาร HTML ไวยากรณ์ 1. การคืนค่า top object.top 2. การแก้ไข top object.top = value ที่นี่ value สามารถเป็นได้ดังนี้: ลำดับค่า & คำอธิบาย 1initialตั้งค่าคุณสมบัตินี้เป็นค

คุณสมบัติ tableLayout ของ HTML DOM Style ใช้สำหรับคืนค่าและแก้ไขวิธีที่เซลล์ แถว และคอลัมน์ของตารางถูกวางออกในเอกสาร HTML ไวยากรณ์ 1. การคืนค่า tableLayout object.tableLayout 2. การแก้ไข tableLayout object.tableLayout = value ที่นี่ value สามารถเป็นได้ดังนี้: ค่าคำอธิบาย initialตั้งค่าคุณสมบัติน

คุณสมบัติ tabSize ของ HTML DOM Style ใช้สำหรับคืนค่าและแก้ไขความยาวของช่องว่างที่ใช้สำหรับตัวอักษรแท็บในเอกสาร HTML ไวยากรณ์ 1. การคืนค่า tabSize object.tabSize 2. การแก้ไข tabSize object.tabSize = value ที่นี่ value สามารถเป็นได้ดังนี้: ค่าคำอธิบาย initialตั้งค่าคุณสมบัตินี้เป็นค่าเริ่มต้น inhe

คุณสมบัติ order ของ HTML DOM Style ใช้สำหรับคืนค่าและแก้ไขลำดับของไอเทมแบบยืดหยุ่น (flexible item) เทียบกับไอเทมแบบยืดหยุ่นอื่นๆ ภายในคอนเทนเนอร์เดียวกันในเอกสาร HTML ไวยากรณ์ 1. การคืนค่า order object.order 2. การแก้ไข order object.order = value ที่นี่ value สามารถเป็นได้ดังนี้: ค่าคำอธิบาย ini

คุณสมบัติ pageBreakBefore ของ HTML DOM Style ใช้สำหรับคืนค่าและแก้ไขพฤติกรรมการขีดหน้าสำหรับการพิมพ์หรือตัวอย่างการพิมพ์ก่อนองค์ประกอบ HTML ในเอกสาร HTML ไวยากรณ์ 1. การคืนค่า pageBreakBefore object.pageBreakBefore 2. การแก้ไข pageBreakBefore object.pageBreakBefore = value ที่นี่ value สามารถเป็นได้

คุณสมบัติ perspective ของ HTML DOM Style ใช้สำหรับคืนค่าและแก้ไขวิธีที่องค์ประกอบ 3D ถูกมองเห็นในเอกสาร HTML ไวยากรณ์ 1. การคืนค่า perspective object.perspective 2. การแก้ไข perspective object.perspective = value ที่นี่ value สามารถเป็นได้ดังนี้: ค่าคำอธิบาย Initialตั้งค่าคุณสมบัตินี้เป็นค่าเริ่

คุณสมบัติ perspectiveOrigin ของ HTML DOM Style ใช้สำหรับคืนค่าและแก้ไขตำแหน่งที่วางองค์ประกอบ 3D บนแกน x และแกน y ในเอกสาร HTML ไวยากรณ์ 1. การคืนค่า perspectiveOrigin object.perspectiveOrigin 2. การแก้ไข perspectiveOrigin object.perspectiveOrigin = value ที่นี่ value สามารถเป็นได้ดังนี้: ค่าคำอธิ

คุณสมบัติ objectFit ของ HTML DOM Style ใช้สำหรับคืนค่าและแก้ไขวิธีที่องค์ประกอบรูปภาพหรือวิดีโอในเอกสาร HTML ควรปรับขนาดให้เข้ากับกล่องเนื้อหาของมัน ไวยากรณ์ 1. การคืนค่า objectFit object.objectFit 2. การแก้ไข objectFit object.objectFit = value ที่นี่ value สามารถเป็นได้ดังนี้: ค่าคำอธิบาย initi

คุณสมบัติ objectPosition ของ HTML DOM Style ใช้สำหรับคืนค่าและแก้ไขตำแหน่งขององค์ประกอบรูปภาพหรือวิดีโอภายในกล่องเนื้อหาของมันเองในเอกสาร HTML ไวยากรณ์ 1. การคืนค่า objectPosition object.objectPosition 2. การแก้ไข objectPosition object.objectPosition = value ที่นี่ value สามารถเป็นได้ดังนี้: ค่าคำ

แอตทริบิวต์ lang ใน HTML ใช้กำหนดภาษาของเนื้อหาในองค์ประกอบ HTML นี่คือแอตทริบิวต์สากล (global attribute) หมายความว่าสามารถใช้กับองค์ประกอบ HTML ใดๆ ก็ได้ ไวยากรณ์ <tagname lang=value></tagname> ที่นี่ value แทนรหัสภาษา ISO ตัวอย่าง <!DOCTYPE html> <html> <style> body

คุณสมบัติ required ของ HTML DOM Textarea ใช้สำหรับคืนค่าและแก้ไขค่าของแอตทริบิวต์ required ขององค์ประกอบ textarea ในเอกสาร HTML ไวยากรณ์ 1. การคืนค่า required object.required 2. การแก้ไข required object.required = true | false ตัวอย่าง <!DOCTYPE html> <html> <head> <title>คุณ

คุณสมบัติ maxLength ของ HTML DOM Textarea ใช้สำหรับคืนค่าและแก้ไขค่าของแอตทริบิวต์ maxlength ขององค์ประกอบ textarea ในเอกสาร HTML ไวยากรณ์ 1. การคืนค่า maxLength object.maxLength 2. การแก้ไข maxLength object.maxLength = number ตัวอย่าง <!DOCTYPE html> <html> <style> body { co

เมธอด select() ของ HTML DOM Textarea ใช้สำหรับเลือกเนื้อหาทั้งหมดภายในองค์ประกอบ textarea ในเอกสาร HTML ไวยากรณ์ object.select() ตัวอย่าง <!DOCTYPE html> <html> <style> body { color: #000; height: 100vh; } .btn { background: #db133a; border: none; height:

คุณสมบัติ transition ของ Style ใน HTML DOM ใช้สำหรับอ่านหรือตั้งค่าของคุณสมบัติ CSS transition แบบ shorthand ของเอลิเมนต์ HTML รูปแบบการใช้งาน (Syntax) 1. อ่านค่า transition object.transition 2. ตั้งค่า transition object.transition = value ค่าที่เป็นไปได้ (Value) มีดังนี้: ค่าคำอธิบาย initial

คุณสมบัติ transitionDuration ของ Style ใน HTML DOM ใช้สำหรับอ่านหรือตั้งค่าระยะเวลาของ transition effect บนเอลิเมนต์ในหน่วยวินาที (s) หรือมิลลิวินาที (ms) รูปแบบการใช้งาน (Syntax) 1. อ่านค่า transitionDuration object.transitionDuration 2. ตั้งค่า transitionDuration object.transitionDuration = valu