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

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 LIST

CSS :: List Property :: Indexeslink

list-style-type ใช้กำหนดสัญลักษณ์ต่างๆที่แสดงหน้ารายการย่อย
list-style-position ใช้กำหนดตำแหน่งย่อหน้าของบรรทัดต่อไป ในแต่ละรายการย่อย
list-style-image ใช้กำหนดรูปภาพที่จะแสดงตรงหน้ารายการย่อย
list-style ใช้กำหนดค่าต่างๆของ property list-style



CSS :: list property :: list-style-typelink

property:list-style-type
value:none, circle, disc, square, lower-roman, upper-roman, lower-alpha,
upper-alpha, decimal, decimal-leading-zero
content:ใช้กำหนดสัญลักษณ์ต่างๆที่แสดงหน้ารายการย่อย
example:{ list-style-type: square; }



CSS :: list property :: list-style-positionlink

property:list-style-position
value:inside คือย่อหน้าถัดไปจะตรงกับสัญลักษณ์หน้ารายการ,
outside คือย่อหน้าถัดไปจะไปตรงกับย่อหน้าของข้อความ
content:ใช้กำหนดตำแหน่งย่อหน้าของบรรทัดต่อไป ( ในแต่ละรายการย่อย )
ในกรณีที่รายการย่อยมีข้อความมากกว่า 1 บรรทัด
example:{ list-style-position: outside; }



CSS :: list property :: list-style-imagelink

property:list-style-image
value:none, url(ชื่อไฟล์.นามสกุล)
content:ใช้กำหนดรูปภาพที่จะแสดงตรงหน้ารายการย่อย
example:{ list-style-image: url( images/panda.gif ); }



CSS :: list property :: list-stylelink

property:list-style
content:ใช้กำหนดค่าของ property list-style-type, list-style-position, list-style-image
ได้พร้อมกันตามลำดับ
example:{ list-style: square outside url(images/panda.gif); }