Devdit
 

คำสั่งใดใช้กำหนดความกว้างของแต่ละ element

513

คำสั่งใดใช้กำหนดความกว้างของแต่ละ element คำตอบคือ คำสั่ง width = ความกว้าง โดยคำสั่ง width ใช้สำหรับกำหนดความกว้างของ elements ต่างๆ ที่ใช้แสดงผลบนหน้าเว็บไซต์ สามารถเขียนโปรแกรมได้ดังนี้

 

ตัวอย่าง คำสั่งใดใช้กำหนดความกว้างของแต่ละ element

1. ใช้คำสั่ง width ผ่าน attribute style

<input type="text" style="width: 50px">

คำอธิบาย

จากโค้ดตัวอย่างด้านบนใช้คำสั่ง width: 50px เพื่อกำหนดให้ element input text นี้กว้าง 50px ผ่าน attribute style

 

2. ใช้คำสั่ง width ผ่าน CSS และเรียกใช้ใน elements ที่ต้องการ

<style>
    .txt {
        width: 50px;
    }
</style>
<input type="text" class="txt">

คำอธิบาย

จากโค้ดตัวอย่างด้านบนสร้าง class .txt พร้อมกำหนด width: 50px คือกำหนดให้ elements ที่นำ class .txt ไปใช้กว้าง 50px จากนั้นกำหนด class="txt" ให้กับ input text ทำให้ TextBox ดังกล่าวกว้าง 50px

แก้ไข 1 ปีที่แล้ว
ชอบ
ลิ้งก์
แชร์
Devdit มีช่อง YouTube แล้ว
เราสร้างวิดีโอเกี่ยวกับเทคโนโลยี ทำตามง่ายๆ