เพิ่มเติม "Try it Yourself" ตัวอย่างด้านล่าง
ความหมายและการใช้งาน
สถานที่ให้บริการความกว้างกำหนดความกว้างของธาตุนั้น
Note: คุณสมบัติความกว้างไม่รวม padding เส้นขอบหรืออัตรากำไรขั้นต้น; จะกำหนดความกว้างของพื้นที่ภายใน padding ชายแดนและอัตรากำไรขั้นต้นขององค์ประกอบ!
Note: นาทีความกว้าง และ ความกว้างสูงสุด คุณสมบัติแทนที่ความกว้าง
ค่าเริ่มต้น: | auto |
---|---|
รับการถ่ายทอด: | no |
Animatable: | yes. Read about animatable Try it |
เวอร์ชัน: | CSS1 |
ไวยากรณ์ javascript: | object .style.width="500px" Try it |
สนับสนุนเบราว์เซอร์
ตัวเลขในตารางระบุราว์เซอร์รุ่นแรกที่สนับสนุนอย่างเต็มที่ทรัพย์สิน
คุณสมบัติ | |||||
---|---|---|---|---|---|
width | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
CSS ไวยากรณ์
width: auto|value|initial|inherit;
ค่าทรัพย์สิน
ความคุ้มค่า | ลักษณะ | เล่น |
---|---|---|
auto | ค่ามาตรฐาน เบราว์เซอร์คำนวณความกว้าง | เล่น " |
length | กำหนดความกว้างใน PX, ซม. ฯลฯ | เล่น " |
% | กำหนดความกว้างเป็นเปอร์เซ็นต์ของบล็อกที่มี | เล่น " |
initial | การตั้งค่าคุณสมบัตินี้เป็นค่าเริ่มต้น อ่านเกี่ยวกับการเริ่มต้น | เล่น " |
inherit | สืบทอดคุณสมบัตินี้จากองค์ประกอบหลักของมัน อ่านเกี่ยวกับการรับมรดก |
ตัวอย่างเพิ่มเติม
ตัวอย่าง
ตั้งค่าความกว้างของ <input type = "text"> องค์ประกอบที่จะ 100px แต่เมื่อได้รับการมุ่งเน้นให้มัน 250px กว้าง:
input[type=text] {
width: 100px;
}
input[type=text]:focus {
width: 250px;
}
ลองตัวเอง» หน้าเว็บที่เกี่ยวข้อง
กวดวิชา CSS: CSS มิติ
กวดวิชา CSS: รูปแบบ CSS กล่อง
อ้างอิง CSS: height property
อ้างอิง HTML DOM: width property