แสดงบทความที่มีป้ายกำกับ CSS LAYOUT แสดงบทความทั้งหมด
แสดงบทความที่มีป้ายกำกับ CSS LAYOUT แสดงบทความทั้งหมด

HTML ENCODER

วาง โค้ด AdSense หรือ HTML/ Java สคริปต์ที่นี่




คัดลอกโค้ดด้านล่างไปใช้งาน

CSS OTHER




   CSS :: Other Property :: Indexeslink

  display      ใช้กำหนดรูปแบบการจัดวางข้อมูล
  cursor       ใช้กำหนดรูปแบบของเมาส์ เมื่อเมาส์อยู่เหนือ element
  visibility   ใช้กำหนดว่าให้ซ่อนหรือแสดง element
  zoom        ใช้กำหนดการขยายหรือย่อ ขนาดของ element


   CSS :: other property :: displaylink

   property:display
   value:block, inline, list-item, none, run-in, compact, marker, table, inline-table,
   table-row-group, table-header-group, table-footer-group, table-column-group,
   table-row, table-column, table-cell, table-caption
   content:ใช้กำหนดรูปแบบการจัดวางข้อมูล
   example:{ display: block; }



  CSS :: other property :: cursorlink

property:cursor
value:default, auto, crosshair, pointer, move, text, wait, help, hand, n-resize,
ne-resize, e-resize, se-resize, s-resize, sw-resize, w-resize, nw-resize
content:ใช้กำหนดรูปแบบของเมาส์ เมื่อเมาส์อยู่เหนือ element
example:{ cursor: crosshair; }



  CSS :: other property :: visibilitylink

property:visibility
value:visible, hidden, collapse
content:ใช้กำหนดว่าให้ซ่อนหรือแสดง element
example:{ visibility: visible; }



  CSS :: other property :: zoomlink

property:zoom
value:normal, เปอร์เซ็นต์, เลขจำนวนจริง
content:ใช้กำหนดการขยายหรือย่อ ขนาดของ element
example:{ zoom: 150%; }

CSS LAYOUT

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; }