|
Written by รับทำเว็บไซต์
|
|
Wednesday, 21 April 2010 18:52 |
property:position
value:fixed เป็นการวางตำแหน่งอย่างตายตัว,
static เป็นการวางตำแหน่งตามลำดับก่อน-หลัง,
absolute เป็นการวางตำแหน่งโดยดูจากแกน x, y และเทียบจาก tag แม่,
relative เป็นการวางตำแหน่งโดยดูจาก x, y และเทียบจาก tag มันเอง
content:ใช้กำหนดรูปแบบวิธีการจัดวางตำแหน่งของ element
example:{ position: absolute; }
|
|
Written by รับทำเว็บไซต์
|
|
Wednesday, 21 April 2010 18:52 |
property:top
value:auto, cm, px, pt
content:ใช้กำหนดระยะห่างระหว่าง ขอบด้านบน เมื่อเทียบกับ element
example:{ top: -30px; }
|
|
Written by รับทำเว็บไซต์
|
|
Wednesday, 21 April 2010 18:53 |
property:right
value:auto, cm, px, pt
content:ใช้กำหนดระยะห่างระหว่าง ขอบด้านขวา เมื่อเทียบกับ element
example:{ right: 50px; }
|
|
Written by รับทำเว็บไซต์
|
|
Wednesday, 21 April 2010 18:53 |
property:bottom
value:auto, cm, px, pt
content:ใช้กำหนดระยะห่างระหว่าง ขอบด้านล่าง เมื่อเทียบกับ element
example:{ bottom: -80px; }
|
|
Written by รับทำเว็บไซต์
|
|
Wednesday, 21 April 2010 18:53 |
property:left
value:auto, cm, px, pt
content:ใช้กำหนดระยะห่างระหว่าง ขอบด้านซ้าย เมื่อเทียบกับ element
example:{ left: 20px; }
|
|
Written by รับทำเว็บไซต์
|
|
Wednesday, 21 April 2010 18:54 |
property:float
value:left, right, none
content:ใช้กำหนดตำแหน่งของ element ว่าให้ชิดขวาหรือชิดซ้าย
example:{ float: none; }
|
|
Written by รับทำเว็บไซต์
|
|
Wednesday, 21 April 2010 18:55 |
property:clear
value:left, right, both
content:ใช้สิ้นสุดการจัดตำแหน่งของ element ด้วย property float
ก่อนที่จะจัดตำแหน่งด้วยวิธีอื่นต่อไป
example:{ clear: both; }
|
|
Written by รับทำเว็บไซต์
|
|
Wednesday, 21 April 2010 18:56 |
property:z-index
value:auto, ตัวเลข
content:ใช้กำหนดลำดับชั้น บน-ล่าง ในกรณีที่ element ซ้อนกัน โดยตัวเลขที่มากกว่าจะอยู่ทับตัวเลขที่น้อยกว่า
example:{ z-index: 3; }
|
|
Written by รับทำเว็บไซต์
|
|
Wednesday, 21 April 2010 18:56 |
property:chip
value:auto, shape
content:ใช้กำหนดรูปแบบของ element โดยส่วนใหญ่จะใช้กับการ
กำหนดรูปร่างของรูปภาพ หรือรูปเรขาคณิต
example:{ chip: auto; }
|
|
Written by รับทำเว็บไซต์
|
|
Wednesday, 21 April 2010 18:56 |
property:overflow-x
value:auto, visible, hidden, scroll
content:ใช้กำหนดวิธีการจัดการกับข้อมูลที่ overflow ในแกน x
( ว่าจะให้มี scroll bar หรือไม่ อย่างไร )
example:{ overflow-x: visible }
|
|
Written by รับทำเว็บไซต์
|
|
Wednesday, 21 April 2010 18:59 |
property:overflow-y
value:auto, visible, hidden, scroll
content:ใช้กำหนดวิธีการจัดการกับข้อมูลที่ overflow ในแกน y
( ว่าจะให้มี scroll bar หรือไม่ อย่างไร )
example:{ overflow-y: scroll; }
|
|
Written by รับทำเว็บไซต์
|
|
Wednesday, 21 April 2010 18:59 |
property:overflow
value:auto, visible, hidden, scroll
content:ใช้กำหนดวิธีการจัดการกับข้อมูลที่ overflow ทั้งแกน x และแกน y
( ว่าจะให้มี scroll bar หรือไม่ อย่างไร )
example:{ overflow: hidden; }
|
|
|
|
|
