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

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

<สไตล์วัตถุ

ตัวอย่าง

เปลี่ยนความกว้างของสี่พรมแดนของที่ <div> องค์ประกอบ:

document.getElementById("myDiv").style.borderWidth = "thick";
ลองตัวเอง»

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

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

คุณสมบัตินี้อาจใช้เวลา 1-4 ค่า:

  • หนึ่งค่าเช่น: p {border-กว้างหนา} - ทั้งสี่เส้นขอบจะหนา
  • สองค่าเช่น: p {border-กว้างหนาบาง} - เส้นขอบด้านบนและด้านล่างจะมีความหนาซ้ายและขอบด้านขวาจะเป็นบาง
  • สามค่าเช่น: p {border-ความกว้าง: สื่อบางหนา} - เส้นขอบด้านบนจะหนาซ้ายและขอบด้านขวาจะเป็นบางเส้นขอบด้านล่างจะเป็นขนาดกลาง
  • สี่ค่าเช่น: p {border-ความกว้าง: 10px หนาขนาดกลางบาง} - เส้นขอบด้านบนจะหนาขอบด้านขวาจะเป็นบางเส้นขอบด้านล่างจะเป็นขนาดกลางขอบด้านซ้ายจะเป็น 10px

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

Internet ExplorerFirefoxOperaGoogle ChromeSafari

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

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

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

object .style.borderWidth

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

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

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

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

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

ตัวอย่าง

เปลี่ยนความกว้างของเส้นขอบด้านบนและด้านล่างจะหนาและขอบด้านซ้ายและขวาเพื่อบางของ <div> องค์ประกอบ:

document.getElementById("myDiv").style.borderWidth = "thick thin";
ลองตัวเอง»

ตัวอย่าง

เปลี่ยนความกว้างของสี่พรมแดนของที่ <div> องค์ประกอบใช้ค่าความยาว:

document.getElementById("myDiv").style.borderWidth = "1px 5px 10px 20px";
ลองตัวเอง»

ตัวอย่าง

กลับความกว้างของเส้นขอบของที่ <div> องค์ประกอบ:

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

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

กวดวิชา CSS: CSS ชายแดน

อ้างอิง CSS: border-width property

อ้างอิง HTML DOM: border property

<สไตล์วัตถุ