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

CSS Knowledge เป็น บอร์ดรวามความรู้ CCC เน้นบทความ แนวทางการเขียนโปรแกรม บันทึกกันลืม เพื่อให้สมาชิกได้เขียนความรู้ที่ตัวเองมีให้สมาชิกท่านอื่นๆ ได้ เข้ามาอ่าน และ ไว้อ่านเองกันลืมด้วย

Moderators: mindphp, ผู้ดูแลกระดาน

M034
PHP Super Member
PHP Super Member
Posts: 258
Joined: 28/03/2016 10:21 am
Contact:

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

Post by M034 » 30/03/2016 5:47 pm

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

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

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

Code: Select all

<html >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<body>
 
<style type="text/css">
#box1 {
    border:solid 1px blue;
    padding:15px;
    clear:both;
    width:300px;
    margin:5px;
}
#box2 {
    border:solid 1px green;
    padding:25px;
    clear:both;
    width:300px;
    margin:5px;
}
</style>
 
<div id='box1'>Box 1 padding:15px</div>
<div id='box2'>Box 2 padding:25px</div>
 
</body>
</html>

Return to “CSS Knowledge”

Who is online

Users browsing this forum: No registered users and 10 guests