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

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 letterSpacing Property

<สไตล์วัตถุ

ตัวอย่าง

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

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

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

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

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


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

Internet ExplorerFirefoxOperaGoogle ChromeSafari

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


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

กลับ letterSpacing ทรัพย์สิน:

object .style.letterSpacing

ตั้ง letterSpacing ทรัพย์สิน:

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

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

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

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

ตัวอย่าง

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

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

ตัวอย่าง

กลับระยะห่างของตัวอักษร <p> องค์ประกอบ:

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

ตัวอย่าง

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

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

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

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

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

อ้างอิง CSS: letter-spacing property


<สไตล์วัตถุ