ล่าสุดการพัฒนาเว็บบทเรียน
×

JavaScript การอ้างอิง

ภาพรวม

JavaScript

JS เชือก JS จำนวน JS ผู้ประกอบการ JS งบ JS คณิตศาสตร์ JS วันที่ JS แถว JS บูลีน JS นิพจน์ทั่วไป JS สถานการณ์โดยรวม JS การแปลง

เบราว์เซอร์ BOM

Window Navigator Screen History Location

HTML DOM

DOM เอกสาร DOM องค์ประกอบ DOM แอตทริบิวต์ DOM เหตุการณ์ DOM รูปแบบ

HTML วัตถุ

<a> <abbr> <address> <area> <article> <aside> <audio> <b> <base> <bdo> <blockquote> <body> <br> <button> <canvas> <caption> <cite> <code> <col> <colgroup> <datalist> <dd> <del> <details> <dfn> <dialog> <div> <dl> <dt> <em> <embed> <fieldset> <figcaption> <figure> <footer> <form> <head> <header> <h1> - <h6> <hr> <html> <i> <iframe> <img> <ins> <input> button <input> checkbox <input> color <input> date <input> datetime <input> datetime-local <input> email <input> file <input> hidden <input> image <input> month <input> number <input> password <input> radio <input> range <input> reset <input> search <input> submit <input> text <input> time <input> url <input> week <kbd> <keygen> <label> <legend> <li> <link> <map> <mark> <menu> <menuitem> <meta> <meter> <nav> <object> <ol> <optgroup> <option> <output> <p> <param> <pre> <progress> <q> <s> <samp> <script> <section> <select> <small> <source> <span> <strong> <style> <sub> <summary> <sup> <table> <td> <th> <tr> <textarea> <time> <title> <track> <u> <ul> <var> <video>

วัตถุอื่น ๆ

CSSStyleDeclaration


 

Style wordSpacing Property

<สไตล์วัตถุ

ตัวอย่าง

ตั้งช่องว่างระหว่างคำในส่วน <p> องค์ประกอบถึง 50 พิกเซล:

document.getElementById("myP").style.wordSpacing = "50px";
ลองตัวเอง»

ความหมายและการใช้งาน

ชุดคุณสมบัติ wordSpacing หรือผลตอบแทนระยะห่างระหว่างคำในข้อความ

เคล็ดลับ: การตั้งค่าหรือผลตอบแทนระยะห่างระหว่างตัวอักษรในข้อความให้ใช้ letterSpacing คุณสมบัติ


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

Internet ExplorerFirefoxOperaGoogle ChromeSafari

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


วากยสัมพันธ์

คืนทรัพย์สิน wordSpacing นี้:

object .style.wordSpacing

ตั้งค่าคุณสมบัติ wordSpacing นี้:

object .style.wordSpacing="normal| ค่าทรัพย์สิน
ความคุ้มค่า ลักษณะ
normal กำหนดระยะห่างระหว่างคำปกติ นี้จะเริ่มต้น
length ระบุช่องว่างระหว่างคำในหน่วยความยาว ค่าลบจะได้รับอนุญาต
initial ตั้งค่าคุณสมบัตินี้เป็นค่าเริ่มต้น อ่านเกี่ยวกับการเริ่มต้น
inherit สืบทอดคุณสมบัตินี้จากองค์ประกอบหลักของมัน อ่านเกี่ยวกับการรับมรดก

รายละเอียดทางเทคนิค

ราคาเริ่มต้น: ปกติ
กลับค่า: สตริงที่เป็นตัวแทนของช่องว่างระหว่างคำในข้อความ
CSS รุ่น CSS1

ตัวอย่างอื่น ๆ

ตัวอย่าง

โดยใช้ค่าลบ:

document.getElementById("myP").style.wordSpacing = -3px";
ลองตัวเอง»

ตัวอย่าง

กลับเว้นวรรคคำของ <p> องค์ประกอบ:

alert(document.getElementById("myP").style.wordSpacing);
ลองตัวเอง»

ตัวอย่าง

ความแตกต่างระหว่าง letterSpacing อสังหาริมทรัพย์และทรัพย์สิน wordSpacing นี้:

function changeLetters() {
    document.getElementById("myP1").style.letterSpacing = "15px";
}

function changeWords() {
    document.getElementById("myP2").style.wordSpacing = "15px";
}
ลองตัวเอง»

หน้าเว็บที่เกี่ยวข้อง

กวดวิชา CSS: CSS ข้อความ

อ้างอิง CSS: คุณสมบัติคำเว้นวรรค


<สไตล์วัตถุ