CSS :: Layout Property :: Indexeslink
margin-top ใช้กำหนดระยะห่างระหว่าง tag นั้นๆ กับ tag ที่อยู่ด้านบน
margin-right ใช้กำหนดระยะห่างระหว่าง tag นั้นๆ กับ tag ที่อยู่ด้านขวา
margin-bottom ใช้กำหนดระยะห่างระหว่าง tag นั้นๆ กับ tag ที่อยู่ด้านล่าง
margin-left ใช้กำหนดระยะห่างระหว่าง tag นั้นๆ กับ tag ที่อยู่ด้านซ้าย
margin ใช้กำหนดค่าต่างๆของ property margin
padding-top ใช้กำหนดระยะห่างระหว่างข้อความกับ tag ด้านบน
padding-right ใช้กำหนดระยะห่างระหว่างข้อความกับ tag ด้านขวา
padding-bottom ใช้กำหนดระยะห่างระหว่างข้อความกับ tag ด้านล่าง
padding-left ใช้กำหนดระยะห่างระหว่างข้อความกับ tag ด้านซ้าย
padding ใช้กำหนดค่าต่างๆของ property padding
width ใช้กำหนดค่าความกว้างของพื้นที่ให้ element
min-width ใช้กำหนดค่าความกว้างต่ำสุด ( อย่างน้อย ) ของพื้นที่ให้ element
max-width ใช้กำหนดค่าความกว้างสูงสุด ( อย่างมาก ) ของพื้นที่ให้ element
height ใช้กำหนดค่าความสูงของพื้นที่ให้ element
min-height ใช้กำหนดค่าความสูงต่ำสุด ( อย่างน้อย ) ของพื้นที่ให้ element
max-height ใช้กำหนดค่าความสูงสูงสุด ( อย่างมาก ) ของพื้นที่ให้ element
CSS :: layout property :: margin-toplink
property:margin-top
value:auto, cm, px, pt
content:ใช้กำหนดระยะห่างระหว่าง tag นั้นๆ กับ tag ที่อยู่ด้านบน
example:{ margin-top: 20px; }CSS :: layout property :: margin-rightlink
property:margin-right
value:auto, cm, px, pt
content:ใช้กำหนดระยะห่างระหว่าง tag นั้นๆ กับ tag ที่อยู่ด้านขวา
example:{ margin-right: auto; }CSS :: layout property :: margin-bottomlink
property:margin-bottom
value:auto, cm, px, pt
content:ใช้กำหนดระยะห่างระหว่าง tag นั้นๆ กับ tag ที่อยู่ด้านล่าง
example:{ margin-bottom: 10px; }CSS :: layout property :: margin-leftlink
property:margin-left
value:auto, cm, px, pt
content:ใช้กำหนดระยะห่างระหว่าง tag นั้นๆ กับ tag ที่อยู่ด้านซ้าย
example:{ margin-left: 15px; }CSS :: layout property :: marginlink
property:margin
content:ใช้กำหนดค่าของ property margin-top, margin-right, margin-bottom, margin-left
ได้พร้อมกันตามลำดับ
example:{ margin: 20px auto 10px 15px; }CSS :: layout property :: padding-toplink
property:padding-top
value:auto, cm, px, pt
content:ใช้กำหนดระยะห่างระหว่างข้อความกับ tag ด้านบน
example:{ padding-top: 15px; }CSS :: layout property :: padding-rightlink
property:padding-right
value:auto, cm, px, pt
content:ใช้กำหนดระยะห่างระหว่างข้อความกับ tag ด้านขวา
example:{ padding-right: 10px; }CSS :: layout property :: padding-bottomlink
property:padding-bottom
value:auto, cm, px, pt
content:ใช้กำหนดระยะห่างระหว่างข้อความกับ tag ด้านล่าง
example:{ padding-bottom: auto; }CSS :: layout property :: padding-leftlink
property:padding-left
value:auto, cm, px, pt
content:ใช้กำหนดระยะห่างระหว่างข้อความกับ tag ด้านซ้าย
example:{ padding-left: 20px; }CSS :: layout property :: paddinglink
property:padding
content:ใช้กำหนดค่าของ property padding-top, padding-right, padding-bottom, padding-left
ได้พร้อมกันตามลำดับ
example:{ padding: 15px 10px auto 20px; }CSS :: layout property :: widthlink
property:width
value:auto, cm, px, pt
content:ใช้กำหนดค่าความกว้างของพื้นที่ให้ element
example:{ width: 300px; }CSS :: layout property :: min-widthlink
property:min-width
value:auto, cm, px, pt
content:ใช้กำหนดค่าความกว้างต่ำสุด ( อย่างน้อย ) ของพื้นที่ให้ element
example:{ min-width: 260px; }CSS :: layout property :: max-widthlink
property:max-width
value:auto, cm, px, pt
content:ใช้กำหนดค่าความกว้างสูงสุด ( อย่างมาก ) ของพื้นที่ให้ element
example:{ max-width: 340px; }CSS :: layout property :: heightlink
property:height
value:auto, cm, px, pt
content:ใช้กำหนดค่าความสูงของพื้นที่ให้ element
example:{ height: auto; }CSS :: layout property :: min-heightlink
property:min-height
value:auto, cm, px, pt
content:ใช้กำหนดค่าความสูงต่ำสุด ( อย่างน้อย ) ของพื้นที่ให้ element
example:{ min-height: 150px; }CSS :: layout property :: max-heightlink
property:max-height
value:auto, cm, px, pt
content:ใช้กำหนดค่าความสูงสูงสุด ( อย่างมาก ) ของพื้นที่ให้ element
example:{ max-height: 100px; }