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

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

<สไตล์วัตถุ

ตัวอย่าง

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

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

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

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

ร่างเป็นสายรอบองค์ประกอบต์ มันจะแสดงรอบขอบขององค์ประกอบ แต่ก็มีความแตกต่างจากคุณสมบัติชายแดน

สรุปไม่ได้เป็นส่วนหนึ่งของขนาดขององค์ประกอบดังนั้นองค์ประกอบของความกว้างและความสูงคุณสมบัติไม่ได้มีความกว้างของเค้าร่าง


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

Internet ExplorerFirefoxOperaGoogle ChromeSafari

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

Note: คุณสมบัติ outlineWidth ไม่สนับสนุนใน IE7 และก่อนหน้านี้ IE8 ต้องมี! DOCTYPE IE9 และต่อมาสนับสนุน


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

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

object .style.outlineWidth

ตั้งค่าคุณสมบัติ outlineWidth:

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

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

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

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

ตัวอย่าง

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

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

ตัวอย่าง

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

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

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

CSS กวดวิชา: CSS Outline

อ้างอิง CSS: outline property

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


<สไตล์วัตถุ