li {รายการสไตล์ภาพ: url (images/disc.gif);}
คำจำกัดความสไตล์ของ li นี้ใช้รูปภาพเพื่อแทนที่จุดเล็กๆ ที่แสดงสำหรับรายการ แน่นอน คุณยังสามารถแสดงมันพร้อมกับเอฟเฟกต์อื่น ๆ ได้ โปรดดูคำจำกัดความด้านล่างสำหรับรายละเอียด:
คำจำกัดความ CSS ของเอฟเฟกต์รายการ
*list-style-type: วงกลม (สามารถเปลี่ยนเป็นสไตล์ที่คุณต้องการได้);
แผ่นดิสก์: วงกลมทึบ CSS1
วงกลม: วงกลมกลวง CSS1
สี่เหลี่ยม : CSS1 สี่เหลี่ยมทึบ
ทศนิยม: ตัวเลขอารบิก CSS1
โรมันล่าง: เลขโรมันตัวพิมพ์เล็ก CSS1
upper-roman : CSS1 ตัวพิมพ์ใหญ่เลขโรมัน
อัลฟาล่าง: CSS1 ตัวอักษรภาษาอังกฤษตัวพิมพ์เล็ก
upper-alpha: CSS1 ตัวอักษรภาษาอังกฤษตัวพิมพ์ใหญ่
none : CSS1 ไม่ใช้สัญลักษณ์แสดงหัวข้อย่อย
อาร์เมเนีย : ตัวเลขอาร์เมเนียดั้งเดิม CSS2
cjk-ideographic:CSS2 ตัวเลขเชิงอุดมคติธรรมดา
จอร์เจีย : ตัวเลขจอร์เจียดั้งเดิม CSS2
lower-greek : CSS2 ตัวอักษรตัวพิมพ์เล็กภาษากรีกพื้นฐาน
ภาษาฮิบรู : ตัวเลขภาษาฮีบรูดั้งเดิม CSS2
ฮิระงะนะ : CSS2 อักขระฮิระงะนะญี่ปุ่น
hiragana-iroha: CSS2 ลำดับฮิรางานะของญี่ปุ่น
คาตาคานะ : CSS2 อักขระคาตาคานะภาษาญี่ปุ่น
katakana-iroha: หมายเลขซีเรียลคาตาคานะของญี่ปุ่น CSS2
ละตินล่าง: ตัวอักษรละตินตัวพิมพ์เล็ก CSS2
upper-latin : CSS2 ตัวอักษรละตินตัวพิมพ์ใหญ่
*list-style-image: url(images/disc.gif); ใช้รูปภาพ disc.gif แทนการแสดงรายการ
*list-style-position : ภายนอก |
ภายนอก: เครื่องหมายรายการจะถูกวางไว้ด้านนอกข้อความ และข้อความโดยรอบไม่ได้จัดแนวตามเครื่องหมาย
inside : แท็กรายการจะถูกวางไว้ภายในข้อความ และข้อความโดยรอบจะถูกจัดแนวตามแท็ก
ชม.{เส้นขอบ:1px ประ #86BCD4; ความสูง:1;}
ในโค้ด HTML มีรายการพิเศษบางอย่าง เช่น แถบแนวนอน hr ซึ่งสามารถกำหนดได้ในการจัดการสไตล์เพื่อเปลี่ยนเอฟเฟกต์การแสดงผลเริ่มต้น:
คำจำกัดความ CSS ของเอฟเฟกต์แถบแนวนอน
สไตล์ขอบด้านล่าง: ลายจุด;
BORDER-LEFT-STYLE: จุด;
BORDER-RIGHT-STYLE: ลายจุด;
ความสูง:1;
ความกว้าง:100%;
จัดตำแหน่ง: ซ้าย;
สี:#86BCD4;
โป๊ะโคม:ไม่;
คำจำกัดความของเอฟเฟกต์เส้นประของแถบแนวนอน
เส้นขอบ: 1px ประ #86BCD4 ความสูง: 1;