คุณสมบัติ whiteSpace สไตล์
- หน้าก่อน visibility
- หน้าต่อไป width
- กลับไปที่เว็บไซต์เดิม HTML DOM Style 对象
คำอธิบายและการใช้งาน
whiteSpace คุณสมบัติจัดการตัวแปล tab และช่องว่าง และช่องว่าง
ดูเพิ่มเติม
ตัวอย่าง CSSCSS ข้อความ
คู่มือ CSSคุณสมบัติ white-space
ตัวอย่าง
ตัวอย่าง 1
กำหนดให้ข้อความใน <div> ไม่เคยถูกแบ่งบวก
document.getElementById("myDIV").style.whiteSpace = "nowrap";
ตัวอย่าง 2
คืนคุณสมบัติ whiteSpace
alert(document.getElementById("myDiv").style.whiteSpace);
วลี
คืนคุณสมบัติ whiteSpace
object.style.whiteSpace
ตั้งคุณสมบัติ whiteSpace
object.style.whiteSpace = "normal|nowrap|pre|initial|inherit"
ค่าของคุณสมบัติ
| ค่า | คำอธิบาย |
|---|---|
| normal |
ตัวแปลช่องว่างจะถูกย่อเรียกเป็นช่องว่างเดียว ข้อความจะถูกแบ่งบวกบ้างในกรณีที่จำเป็น ค่าโดยคำนึงเริ่มต้น |
| nowrap |
ตัวแปลช่องว่างจะถูกย่อเรียกเป็นช่องว่างเดียว ข้อความจะไม่ถูกแบ่งบวกไปยังบรรทัดต่อไป ข้อความจะยืดเต็มบรรทัด จนกระทั่งเจอทางหลวง <br> |
| pre |
ตัวแปลช่องว่างจะถูกรักษาโดยเบราเซอร์ ข้อความจะถูกแบ่งบวกเมื่อมีช่องว่างตามลำดับ ในแบบเหมือน <pre> แท็กใน HTML |
| pre-line |
ตัวแปลช่องว่างจะถูกย่อเรียกเป็นช่องว่างเดียว ข้อความจะถูกแบ่งบวกบ้างในกรณีที่จำเป็น และจะถูกแบ่งบวกที่ช่องว่างตามลำดับ |
| pre-wrap |
ตัวแปลช่องว่างจะถูกรักษาโดยเบราเซอร์ ข้อความจะถูกแบ่งบวกบ้างในกรณีที่จำเป็น และจะถูกแบ่งบวกที่ช่องว่างตามลำดับ |
| initial | ตั้งคุณสมบัตินี้เป็นค่าเริ่มต้น โปรดดู initial。 |
| inherit | ทำให้องค์ประกอบในระดับเกี่ยวข้องของเรียกยืมคุณสมบัตินี้จากองค์ประกอบพ่อของมัน โปรดดู inherit。 |
รายละเอียดเทคนิค
| ค่าเริ่มต้น： | normal |
|---|---|
| ค่าที่ส่งกลับมา： | ตัวแปลซึ่งแสดงวิธีการจัดการช่องว่างภายในองค์ประกอบ。 |
| เวอร์ชั่น CSS: | CSS1 |
การสนับสนุนโดยเบราเซอร์
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| สนับสนุน | สนับสนุน | สนับสนุน | สนับสนุน | สนับสนุน |
- หน้าก่อน visibility
- หน้าต่อไป width
- กลับไปที่เว็บไซต์เดิม HTML DOM Style 对象
