BCOMZ.COM
ซ่อมคอมพิวเตอร์นอกสถานที่ บางกะปิ 083 - 792 5426 เริ่มต้นที่ 500บาท/เครื่อง ให้บริการเฉพาะเขตพื้นที่ รามคำแหง บางกะปิ นวมินทร์ เสรีไทย ลาดพร้าวเฉพาะ บริเวณ จากเดอะมอลบางกะปิถึงโชคชัย 4
BCOMZ.COM
ซ่อมคอมพิวเตอร์นอกสถานที่ บางกะปิ 083 - 792 5426 เริ่มต้นที่ 500บาท/เครื่อง ให้บริการเฉพาะเขตพื้นที่ รามคำแหง บางกะปิ นวมินทร์ เสรีไทย ลาดพร้าวเฉพาะ บริเวณ จากเดอะมอลบางกะปิถึงโชคชัย 4
BCOMZ.COM
ซ่อมคอมพิวเตอร์นอกสถานที่ บางกะปิ 083 - 792 5426 เริ่มต้นที่ 500บาท/เครื่อง ให้บริการเฉพาะเขตพื้นที่ รามคำแหง บางกะปิ นวมินทร์ เสรีไทย ลาดพร้าวเฉพาะ บริเวณ จากเดอะมอลบางกะปิถึงโชคชัย 4
BCOMZ.COM
ซ่อมคอมพิวเตอร์นอกสถานที่ บางกะปิ 083 - 792 5426 เริ่มต้นที่ 500บาท/เครื่อง ให้บริการเฉพาะเขตพื้นที่ รามคำแหง บางกะปิ นวมินทร์ เสรีไทย ลาดพร้าวเฉพาะ บริเวณ จากเดอะมอลบางกะปิถึงโชคชัย 4

padding CSS การกำหนดระยะห่างจากภายใน Elements

หมวดหลัก: Blog Learning ฮิต: 179

padding CSS การกำหนดระยะห่างจากภายใน Elements

บทความวันที่ 29 ธันวาคม 2555

คำสั่ง padding ของภาษา CSS มีไว้สำหรับการระบุระยะห่างจากกรอบของ Elements กับข้อมูลภายใน Elements ที่ต้องการ

 

ภาพรวมของคำสั่ง padding

1. คำสั่ง padding มีไว้สำหรับระบุระยะห่างจากกรอบกับข้อมูลภายใน Elements

2. ปกติใช้หน่วยเป็น px ในการกำหนดระยะห่าง เช่น 5px, 10px เป็นต้น

 

ตัวอย่างโปรแกรม

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>amplysoft.com รับเขียนเว็บ รับทำเว็บ เรียนเขียนโปรแกรม</title>
</head>
<body>
 
<style type="text/css">
#box1 {
    border:solid 1px blue;
    padding:10px;
    clear:both;
    width:300px;
    margin:3px;
}
#box2 {
    border:solid 1px green;
    padding:20px;
    clear:both;
    width:300px;
    margin:3px;
}
</style>
 
<div id='box1'>Box 1 padding:10px</div>
<div id='box2'>Box 2 padding:20px</div>
 
</body>
</html>

 

ผลลัพธ์