วิธีเปลี่ยนเครื่องหมายในรายการ สร้างรายการหัวข้อย่อยใน MS Word ตำแหน่งจากข้อความ




การสร้างรายการใน Microsoft Word ค่อนข้างง่ายและใช้เวลาเพียงไม่กี่คลิก นอกจากนี้โปรแกรมนี้ช่วยให้คุณไม่เพียง แต่สร้างรายการสัญลักษณ์แสดงหัวข้อย่อยหรือลำดับเลขในขณะที่คุณพิมพ์ แต่ยังแปลงข้อความที่พิมพ์ลงในรายการแล้วอีกด้วย

ในบทความนี้เราจะมาดูวิธีสร้างรายการใน Word อย่างละเอียดยิ่งขึ้น

หากคุณเพียงวางแผนที่จะพิมพ์ข้อความที่ต้องจัดรูปแบบเป็นรายการหัวข้อย่อย ให้ทำตามขั้นตอนเหล่านี้:

1. วางเคอร์เซอร์ไว้ที่จุดเริ่มต้นของบรรทัดที่ควรมีรายการแรก

2. ในกลุ่ม "ย่อหน้า"ซึ่งอยู่ในแท็บ "บ้าน", กดปุ่ม “รายการสัญลักษณ์แสดงหัวข้อย่อย”.

3. ป้อนรายการแรกในรายการใหม่ กด "เข้า".

4. ป้อนสัญลักษณ์แสดงหัวข้อย่อยถัดไปทั้งหมดโดยคลิกที่ส่วนท้ายของแต่ละหัวข้อ "เข้า"(หลังจุดหรืออัฒภาค) เมื่อคุณป้อนรายการสุดท้ายเสร็จแล้ว ให้กด สองครั้ง "เข้า"หรือคลิก "เข้า"และจากนั้น "แบ็คสเปซ"เพื่อออกจากโหมดการสร้างรายการหัวข้อย่อยและพิมพ์ต่อตามปกติ

การแปลงข้อความที่เสร็จแล้วเป็นรายการ

แน่นอนว่าแต่ละรายการในรายการในอนาคตควรอยู่ในบรรทัดที่แยกจากกัน หากข้อความของคุณยังไม่ได้แบ่งออกเป็นบรรทัด ให้ทำดังนี้

1. วางเคอร์เซอร์ที่ส่วนท้ายของคำ วลี หรือประโยคที่ควรเป็นรายการแรกในรายการในอนาคต

2. คลิก "เข้า".

3. ทำซ้ำการกระทำเดียวกันสำหรับรายการต่อไปนี้ทั้งหมด

4. เลือกข้อความที่ควรจะเป็นรายการ

5. บนแผงการเข้าถึงด่วนในแท็บ "บ้าน"คลิกปุ่ม “รายการสัญลักษณ์แสดงหัวข้อย่อย”(กลุ่ม "ย่อหน้า").

    คำแนะนำ:ถ้ายังไม่มีข้อความหลังจากรายการสัญลักษณ์แสดงหัวข้อย่อยที่คุณสร้างขึ้น ให้ดับเบิลคลิก "เข้า"ที่ท้ายย่อหน้าสุดท้ายหรือคลิก "เข้า"และจากนั้น "แบ็คสเปซ"เพื่อออกจากโหมดการสร้างรายการ พิมพ์ต่อไปตามปกติ

หากคุณต้องการสร้างรายการลำดับเลขแทนที่จะเป็นรายการหัวข้อย่อย ให้คลิก “รายการลำดับเลข”ตั้งอยู่ในกลุ่ม "ย่อหน้า"ในแท็บ "บ้าน".

การเปลี่ยนระดับรายการ

รายการลำดับเลขที่สร้างขึ้นสามารถเลื่อนไปทางซ้ายหรือขวาได้ ดังนั้นการเปลี่ยน "ความลึก" (ระดับ)

1. เลือกรายการสัญลักษณ์แสดงหัวข้อย่อยที่คุณสร้างขึ้น

“รายการสัญลักษณ์แสดงหัวข้อย่อย”.

3. จากเมนูแบบเลื่อนลง ให้เลือก “เปลี่ยนระดับรายการ”.

4. เลือกระดับที่คุณต้องการตั้งค่าสำหรับรายการสัญลักษณ์แสดงหัวข้อย่อยที่คุณสร้างขึ้น

บันทึก:เมื่อระดับเปลี่ยนไป เครื่องหมายในรายการก็จะเปลี่ยนไปด้วย เราจะบอกคุณด้านล่างถึงวิธีเปลี่ยนรูปแบบของรายการสัญลักษณ์แสดงหัวข้อย่อย (ก่อนอื่นประเภทของสัญลักษณ์แสดงหัวข้อย่อย)

การดำเนินการที่คล้ายกันสามารถทำได้โดยใช้ปุ่ม และในกรณีนี้ ประเภทของเครื่องหมายจะไม่เปลี่ยนแปลง

บันทึก:ลูกศรสีแดงในภาพหน้าจอแสดงแท็บเริ่มต้นสำหรับรายการสัญลักษณ์แสดงหัวข้อย่อย

เลือกรายการระดับที่คุณต้องการเปลี่ยน โดยปฏิบัติตามวิธีใดวิธีหนึ่งต่อไปนี้:


บันทึก:การกดปุ่ม (หรือปุ่ม) หนึ่งครั้งจะย้ายรายการหนึ่งแท็บหยุด ชุดค่าผสม “SHIFT+TAB” จะใช้งานได้ก็ต่อเมื่อรายการอยู่ห่างจากขอบด้านซ้ายของหน้าอย่างน้อยหนึ่งแท็บ

การสร้างรายการหลายระดับ

หากจำเป็น คุณสามารถสร้างรายการหัวข้อย่อยหลายระดับได้ คุณสามารถเรียนรู้เพิ่มเติมเกี่ยวกับวิธีการนี้ได้ในบทความของเรา

เปลี่ยนรูปแบบของรายการสัญลักษณ์แสดงหัวข้อย่อย

นอกจากเครื่องหมายมาตรฐานที่ติดตั้งไว้ที่จุดเริ่มต้นของแต่ละรายการแล้ว คุณสามารถใช้อักขระอื่นๆ ที่มีอยู่ใน MS Word เพื่อทำเครื่องหมายได้

1. เลือกรายการสัญลักษณ์แสดงหัวข้อย่อยที่คุณต้องการเปลี่ยนแปลง

2. คลิกที่ลูกศรที่อยู่ทางด้านขวาของปุ่ม “รายการสัญลักษณ์แสดงหัวข้อย่อย”.

3. เลือกสไตล์มาร์กเกอร์ที่เหมาะสมจากเมนูแบบเลื่อนลง

4. เครื่องหมายในรายการจะเปลี่ยนไป

หากคุณไม่พอใจกับรูปแบบมาร์กเกอร์เริ่มต้นด้วยเหตุผลบางประการ คุณสามารถใช้เพื่อทำเครื่องหมายสัญลักษณ์ใดๆ ที่มีอยู่ในโปรแกรมหรือรูปภาพที่สามารถเพิ่มจากคอมพิวเตอร์หรือดาวน์โหลดจากอินเทอร์เน็ตได้

ทุกวันนี้ บุคคลใดก็ตามควรมีทักษะด้านคอมพิวเตอร์และเชี่ยวชาญโปรแกรมอย่างน้อยชุดขั้นต่ำ มาตรฐานและเป็นที่นิยมมากที่สุด ได้แก่ Microsoft Word เมื่อทำงานใน Word ผู้ใช้ต้องเผชิญกับความจำเป็นในการเน้นข้อความบางช่วงเพื่อความชัดเจน บ่อยครั้งจำเป็นต้องแทรกรายการลงในเอกสาร นี่อาจเป็นรายการสัญลักษณ์แสดงหัวข้อย่อยหรือลำดับเลข - ผู้ใช้มีโอกาสนำทางตามสถานการณ์

โปรแกรมนี้ช่วยให้คุณสร้างเอกสารจดหมายและโครงการใด ๆ โดยใช้โอกาสมากมายในการเรียนรู้ฟังก์ชันทั้งหมดของ Microsoft Word คุณต้องใช้เวลา แต่ผลลัพธ์ก็คุ้มค่า

รายการจำเป็นเพื่อทำให้ข้อความชัดเจนและสื่อความหมายได้ รายการลำดับเลขและสัญลักษณ์แสดงหัวข้อย่อยในระดับหนึ่งจะถูกใช้ในเอกสารส่วนใหญ่ ในวิทยานิพนธ์และเอกสารทางวิทยาศาสตร์ จะใช้รายการหลายระดับ

การกำหนดหมายเลขและเครื่องหมาย

ก่อนอื่น คุณต้องเลือกย่อหน้าที่ควรจัดรูปแบบเป็นรายการ ซึ่งสามารถทำได้โดยใช้เมาส์หรือเพียงแค่วางเคอร์เซอร์ไว้ที่จุดเริ่มต้นของบรรทัดที่รายการจะเริ่มต้น

ใน MS Word จะมีแท็บ "หน้าแรก" ซึ่งคุณสามารถเลือกส่วนแทรกที่ต้องการในกลุ่ม "ย่อหน้า" ผู้ใช้คลิกปุ่ม “ลำดับเลข” หรือ “เครื่องหมาย” จากนั้นใช้ไม้บรรทัดเพื่อตั้งค่าการเยื้อง วิธีนี้ง่ายและตรงไปตรงมามาก แต่ผู้ใช้ที่ไม่มีประสบการณ์อาจประสบปัญหาที่ซ่อนอยู่ เมื่อคุณแทรกรายการสัญลักษณ์แสดงหัวข้อย่อยและลำดับเลขอีกครั้ง คุณจะต้องแก้ไขการเยื้องอีกครั้ง

ในกรณีที่จำเป็นต้องจัดรูปแบบแต่ละรายการแยกกันและเปลี่ยนพารามิเตอร์แบบอักษรไม่ใช่ผู้ใช้โปรแกรมทุกคนจะสามารถแก้ไขข้อความให้ถูกต้องได้และยิ่งไปกว่านั้นยังต้องใช้เวลาและความพยายามอย่างมาก

รายการที่เรียงลำดับเลข

แต่ละองค์ประกอบรายการจะถูกเน้นด้วยตัวเลข และหมายเลขจะถูกปรับโดยอัตโนมัติ หากต้องการสร้างและแก้ไขรายการ จะมีปุ่ม "ลำดับเลข" ในกลุ่ม "ย่อหน้า" คุณยังสามารถใช้ฟังก์ชัน "การกำหนดหมายเลข" ในเมนูบริบทของย่อหน้าที่เลือกได้

ตัวเลือกรายการ:

  • รูปแบบตัวเลขเป็นตัวกำหนดอักขระที่จะปรากฏถัดจากแต่ละองค์ประกอบ
  • สามารถเลือกรูปแบบการกำหนดหมายเลขได้ขึ้นอยู่กับลักษณะของเอกสารเฉพาะ เช่น ตัวเลขอารบิกหรือโรมัน ตัวพิมพ์ใหญ่ หรืออื่นๆ
  • ช่อง "ค่าเริ่มต้น" ช่วยให้คุณสามารถเลือกหมายเลขที่จะเริ่มรายการได้
  • ในกรณีที่คุณต้องการสร้างรายการที่คล้ายกันแต่เพิ่มหมายเลขใหม่ จะสะดวกในการใช้ฟังก์ชัน "เริ่มรายการใหม่" คุณต้องเลือกองค์ประกอบและตั้งค่าพารามิเตอร์ทั้งหมด

คุณสามารถแทรกรายการลำดับเลขได้โดยอัตโนมัติ ในการทำเช่นนี้คุณต้องทำสิ่งต่อไปนี้:

  • ที่จุดเริ่มต้นของย่อหน้า ก่อนที่จะป้อนข้อความ คุณต้องใส่ "1" ตามด้วย "Space" หรือ Tab ย่อหน้าจะปรากฏเป็นรายการแรกในรายการ
  • ด้วยการนำหน้าย่อหน้าด้วย "1)" จากนั้นกด Space หรือ Tab ผู้ใช้จะสร้างรายการประเภทอื่น
  • โดยการเปรียบเทียบรายการที่มีตัวอักษรจะถูกวาดขึ้น ในบรรทัดคุณต้องป้อนด้วยจุดหรือวงเล็บ หลังจากแต่ละย่อหน้า คุณต้องกด Space หรือ Tab

สร้างรายการสัญลักษณ์แสดงหัวข้อย่อยโดยอัตโนมัติ

คุณสามารถแทรกรายการหัวข้อย่อยใน Word ได้ดังนี้:

  • ที่จุดเริ่มต้นของย่อหน้า คุณต้องพิมพ์เครื่องหมายดอกจันหรือเครื่องหมายมากกว่า แล้วกด Space หรือ Tab
  • สร้างรายการสัญลักษณ์แสดงหัวข้อย่อยโดยอัตโนมัติ คุณสามารถเปิดใช้งานได้โดยไปที่แท็บ "ไฟล์" แล้วเลือกกลุ่ม "ตัวเลือก" ในแท็บ "การสะกด" เลือก "ตัวเลือกการแก้ไขอัตโนมัติ" ในส่วน "จัดรูปแบบอัตโนมัติ" คุณต้องทำเครื่องหมายในช่องถัดจากสไตล์

คุณสามารถสร้างรายการสัญลักษณ์แสดงหัวข้อย่อยประเภทต่อไปนี้:

รายการหลายระดับ

รายการสัญลักษณ์แสดงหัวข้อย่อยและลำดับเลขเป็นองค์ประกอบ ควรได้รับการกำหนดค่าตามที่ผู้ใช้ต้องการในบางกรณี โครงสร้างสามารถแก้ไขได้โดยใช้ฟังก์ชันกำหนดรายการหลายระดับ สะดวกในการตรวจสอบว่ารายการทั้งหมดแสดงในกลุ่ม "รายการในเอกสาร" อย่างไร หากต้องการเปลี่ยนการตั้งค่าแบบอักษรของแต่ละแบบอักษร รายการหลายระดับจะเชื่อมโยงกับลักษณะย่อหน้า

ตัวเลือกหลักสำหรับการตั้งค่ารายการหลายระดับ

เมื่อตั้งค่ารายการซึ่งประกอบด้วยหลายระดับ คุณต้องใส่ใจกับพารามิเตอร์ต่อไปนี้:

  • การเลือกระดับและตัวอย่างการออกแบบ
  • กำหนดการตั้งค่าแบบอักษร หากจำเป็น คุณสามารถตั้งค่าส่วนที่คงที่ของตัวเลขได้
  • เลือกประเภทการกำหนดหมายเลข: สัญลักษณ์ รูปภาพ ตัวอักษร และตัวเลือกอื่นๆ
  • การกำหนดระดับที่จะอัพเดตหมายเลข
  • กำหนดการเยื้องและตำแหน่งข้อความ
  • ตัวเลือกการแก้ไขเพิ่มเติม
  • จับคู่สไตล์ย่อหน้าและรายการหลายระดับ

การตั้งค่าที่สร้างขึ้นครั้งเดียวสามารถนำไปใช้กับรายการถัดไปได้โดยอัตโนมัติ แต่หากจำเป็นต้องแก้ไข คุณจะต้องดำเนินการกับแต่ละรายการแยกกัน ความไม่สะดวกนี้อาจดูเหมือนไม่มีนัยสำคัญ แต่หากมีรายการในข้อความจำนวนมาก การจัดรูปแบบจะใช้เวลานาน

จะเปลี่ยนสไตล์ของมาร์กเกอร์ได้อย่างไร?

เมื่อคลิกที่ปุ่ม "เครื่องหมาย" คุณสามารถเลือกตัวเลือกที่เหมาะสมในกรณีนี้ได้ ในการดำเนินการนี้ไปที่พื้นที่ "ห้องสมุด" แล้วคลิกที่มัน ประเภทของการกำหนดหมายเลขถูกเลือกในลักษณะเดียวกัน: ในพื้นที่ "ไลบรารีการกำหนดหมายเลข"

ในการเปลี่ยนรายการที่มีหมายเลขหรือสัญลักษณ์แสดงหัวข้อย่อยเป็นข้อความใน Word คุณเพียงแค่ต้องกดปุ่มที่เกี่ยวข้อง

แต่ละองค์ประกอบข้อความสามารถเน้นด้วยเครื่องหมายพิเศษได้ หากต้องการจัดรูปแบบรายการตามข้อกำหนดของเอกสารเฉพาะ คุณต้องเลือกคำสั่ง “กำหนดเครื่องหมายใหม่”

หลังจากเชี่ยวชาญคุณสมบัติทั้งหมดของ Microsoft Word แล้วการทำงานกับเอกสารจะเป็นเรื่องที่น่ายินดีและคุณจะไม่ต้องใช้เวลามากในการจัดรูปแบบข้อความ รายการสัญลักษณ์แสดงหัวข้อย่อยเช่นเดียวกับหมายเลขจะรวมอยู่ในเอกสารเกือบทุกชนิดและมักใช้ดังนั้นจึงจะเป็นประโยชน์สำหรับผู้ใช้โปรแกรมในการทำความคุ้นเคยกับการสร้างรายการประเภทต่างๆ

  • การเปลี่ยนลักษณะที่ปรากฏของสัญลักษณ์แสดงหัวข้อย่อยมาตรฐานสำหรับรายการลำดับเลข
  • การตั้งค่าประเภทสัญลักษณ์แสดงหัวข้อย่อยสำหรับรายการสัญลักษณ์แสดงหัวข้อย่อย
  • การตั้งค่ารูปภาพแทนสัญลักษณ์แสดงหัวข้อย่อยสำหรับรายการ

เมื่อใช้แท็ก HTML คุณสามารถสร้างรายการสองประเภทที่มีสัญลักษณ์แสดงหัวข้อย่อย: ลำดับเลขและหัวข้อย่อย ตามค่าเริ่มต้น เบราว์เซอร์ส่วนใหญ่จะแสดงเครื่องหมายรายการสัญลักษณ์แสดงหัวข้อย่อยเป็นวงกลม และเครื่องหมายรายการที่มีตัวเลขเป็นตัวเลขตามลำดับ CSS ให้ความสามารถในการเปลี่ยนรูปลักษณ์ของเครื่องหมายมาตรฐาน ต่อไป เราจะสาธิตตัวอย่างที่มีเครื่องหมายประเภทต่างๆ ซึ่งคุณสามารถเปลี่ยนรูปลักษณ์ของรายการของคุณได้

การแก้ไขและการลบเครื่องหมาย

หากต้องการเปลี่ยนรูปลักษณ์มาตรฐานของมาร์กเกอร์ใน CSS ให้ใช้คุณสมบัติ list-style-type โดยค่าจะถูกตั้งค่าเป็นประเภทของมาร์กเกอร์ที่คุณต้องการแทนที่มาตรฐาน

ตัวอย่างที่สาธิตสัญลักษณ์แสดงหัวข้อย่อยบางประเภทสำหรับรายการลำดับเลข:

คุณสมบัติ CSS:

รายการสไตล์ประเภท:

ผลลัพธ์:

  1. คลิกที่ค่าคุณสมบัติประเภทรายการสไตล์
  2. ดูเครื่องหมายการเปลี่ยนแปลง
  3. ใช้สัญลักษณ์แสดงหัวข้อย่อยที่เหมาะสมที่สุดสำหรับรายการของคุณ

Ol#myList (
รายการสไตล์ประเภท: ทศนิยม ;
}

คลิกที่มูลค่าทรัพย์สินใดๆ เพื่อดูผลลัพธ์

สำหรับรายการสัญลักษณ์แสดงหัวข้อย่อย มีเครื่องหมายเพียงสามประเภทเท่านั้น ซึ่งสามารถระบุได้โดยใช้ค่าวงกลม ดิสก์ และค่าสี่เหลี่ยม:

ชื่อเอกสาร

  • กาแฟ
  • ชา
  • กาแฟ
  • ชา
  • กาแฟ
  • ชา
พยายาม "

เมื่อใช้ค่า none คุณสามารถลบเครื่องหมายออกจากรายการในรายการได้ แต่การเยื้องด้านซ้ายจะยังคงอยู่:

ชื่อเอกสาร

  • กาแฟ
  • ชา
  1. กาแฟ
  2. ชา
พยายาม "

การแทนที่เครื่องหมายด้วยรูปภาพ

หากไม่มีเครื่องหมายเริ่มต้นที่เหมาะกับคุณ CSS จะให้ความสามารถในการแทนที่ด้วยรูปภาพใด ๆ คุณสมบัติ list-style-image จะช่วยคุณในเรื่องนี้ตามค่าที่คุณต้องระบุเส้นทางไปยังรูปภาพที่เลือก

คำนึงถึงความจริงที่ว่ารูปภาพจะไม่ปรับขนาดให้พอดีกับรายการโดยอัตโนมัติและจะแสดงตามขนาดของตัวเอง ดังนั้นคุณจะต้องเลือกรูปภาพที่มีขนาดเหมาะสมหรือแก้ไขรูปภาพที่มีอยู่โดยย่อหรือขยายเป็น ขนาดที่ต้องการ:

ชื่อเอกสาร

  • กาแฟ
  • ชา
  1. กาแฟ
  2. ชา
พยายาม "

การเยื้องรายการ

เมื่อคุณลบสัญลักษณ์แสดงหัวข้อย่อยออกจากรายการ คุณยังสามารถลบหรือลดขนาดช่องว่างภายในด้านซ้ายเริ่มต้นของเบราว์เซอร์ได้ หากต้องการลบช่องว่างภายในออกโดยสมบูรณ์ คุณจะต้องใช้คุณสมบัติช่องว่างด้านซ้าย ซึ่งช่วยให้คุณสามารถปรับช่องว่างภายในได้:

ชื่อเอกสาร

  • กาแฟ
  • ชา
  1. กาแฟ
  2. ชา
พยายาม "

ในตัวอย่างนี้ เราได้ลบการเยื้องทางด้านซ้ายออกทั้งหมด ดังนั้นรายการสินค้าจึงพอดีกับขอบหน้าต่างเบราว์เซอร์ และอย่างที่คุณเห็นจากตัวอย่าง รายการสัญลักษณ์แสดงหัวข้อย่อยจะแสดงขึ้นทุกประการตามที่ตั้งใจไว้ แต่เครื่องหมายหายไปในรายการลำดับเลข เหตุผลอยู่ที่ตัวเครื่องหมาย - โดยค่าเริ่มต้น เครื่องหมายไม่ได้เป็นส่วนหนึ่งของเนื้อหาของรายการ ดังนั้นหากคุณลบการเยื้องด้านซ้ายออก เครื่องหมายเหล่านั้นจะไม่ย้ายไปพร้อมกับเนื้อหาขององค์ประกอบ

  • แต่เพียงซ่อนอยู่หลังขอบหน้าต่างเบราว์เซอร์

    คุณสมบัติ list-style-position ระบุว่าสัญลักษณ์แสดงหัวข้อย่อยควรอยู่ในตำแหน่งภายในหรือภายนอกรายการ คุณสมบัตินี้สามารถรับค่าได้ 2 ค่า:

    • ภายนอก - เครื่องหมายตั้งอยู่ทางด้านซ้ายของเนื้อหา (นี่คือค่าเริ่มต้น)
    • ข้างใน - เครื่องหมายจะอยู่ในรายการพร้อมกับเนื้อหา

    ตอนนี้คุณสามารถเขียนตัวอย่างก่อนหน้านี้ใหม่เพื่อให้การเยื้องทางด้านซ้ายถูกลบออก แต่เครื่องหมายจะไม่หลุดออกจากขอบของเบราว์เซอร์:

    ชื่อเอกสาร

    • กาแฟ
    • ชา
    • กาแฟ
    • ชา
    • กาแฟ
    • ชา
    พยายาม "

    ในตัวอย่าง มีการเพิ่มเส้นขอบให้กับแต่ละรายการเพื่อแสดงขอบเขตของรายการด้วยสายตา

    รายการ CSS— ชุดคุณสมบัติที่รับผิดชอบในการออกแบบรายการ การใช้รายการ HTML เป็นเรื่องปกติมากเมื่อสร้างแถบนำทางของเว็บไซต์ รายการแสดงถึงคอลเลกชันขององค์ประกอบบล็อก

    การใช้คุณสมบัติ CSS มาตรฐานที่คุณสามารถทำได้ เปลี่ยนรูปลักษณ์ของเครื่องหมายรายการ, เพิ่มรูปภาพสำหรับเครื่องหมาย, และ เปลี่ยนตำแหน่งเครื่องหมาย- ความสูงของบล็อกเครื่องหมายสามารถตั้งค่าได้ด้วยคุณสมบัติ line-height

    การออกแบบรายการโดยใช้สไตล์ CSS

    1. ประเภทเครื่องหมายรายการ list-style-type

    คุณสมบัติเปลี่ยนประเภทเครื่องหมายหรือ ลบเครื่องหมายสำหรับรายการสัญลักษณ์แสดงหัวข้อย่อยและลำดับเลข รับการถ่ายทอด.

    รายการสไตล์ประเภท
    ค่า:
    แผ่นดิสก์ ค่าเริ่มต้น วงกลมที่เต็มไปทำหน้าที่เป็นเครื่องหมายสำหรับรายการ
    อาร์เมเนีย การนับเลขอาร์เมเนียแบบดั้งเดิม
    วงกลม วงกลมเปิดทำหน้าที่เป็นเครื่องหมาย
    cjk-อุดมการณ์ การกำหนดหมายเลขเชิงอุดมคติ
    ทศนิยม 1, 2, 3, 4, 5, …
    ทศนิยมนำหน้าศูนย์ 01, 02, 03, 04, 05, …
    จอร์เจีย การนับเลขแบบจอร์เจียดั้งเดิม
    ภาษาฮีบรู การนับเลขภาษาฮีบรูแบบดั้งเดิม
    ฮิระงะนะ การนับเลขภาษาญี่ปุ่น: a, i, u, e, o, …
    ฮิระงะนะ-อิโรฮะ การนับเลขภาษาญี่ปุ่น: i, ro, ha, ni, ho, …
    คาตาคานะ เลขญี่ปุ่น: A, I, U, E, O, …
    คาตาคานะ-อิโรฮะ เลขญี่ปุ่น: I, RO, HA, NI, HO, …
    อัลฟาล่าง ก ข ค ค ง อี …
    ภาษากรีกตอนล่าง อักขระตัวพิมพ์เล็กของอักษรกรีก
    ละตินตอนล่าง ก ข ค ค ง อี …
    โรมันตอนล่าง ฉัน ii iii iv วี …
    ไม่มี ไม่มีเครื่องหมาย
    สี่เหลี่ยม สี่เหลี่ยมจัตุรัสที่เต็มหรือไม่เต็มจะทำหน้าที่เป็นเครื่องหมาย
    อัลฟาตอนบน ก, บี, ค, ดี, อี, …
    ละตินตอนบน ก, บี, ค, ดี, อี, …
    โรมันตอนบน ฉัน II, III, IV, V, …
    อักษรย่อ ตั้งค่าคุณสมบัติให้เป็นค่าเริ่มต้น
    สืบทอด สืบทอดค่าคุณสมบัติจากองค์ประกอบหลัก

    ไวยากรณ์

    Ul (list-style-type: none;) ul (list-style-type: square;) ol (list-style-type: none;) ol (list-style-type: lower-alpha;) ข้าว. 1. ตัวอย่างการออกแบบรายการสัญลักษณ์แสดงหัวข้อย่อยและลำดับเลข

    2. รูปภาพสำหรับรายการ list-style-image

    คุณสามารถใช้รูปภาพและการเติมไล่ระดับสีเป็นเครื่องหมายรายการได้ รับการถ่ายทอด.

    ไวยากรณ์

    Ul (list-style-image: url("images/romb.png");) ul (list-style-image: linear-gradient(#FF7A2F 0, #FF7A2F 50%, #FFB214 50%);)
    ข้าว. 2. ออกแบบรายการหัวข้อย่อยโดยใช้รูปภาพ
    ข้าว. 3. ออกแบบรายการหัวข้อย่อยโดยใช้การไล่ระดับสี

    3. รายการสไตล์ตำแหน่ง

    คุณสมบัตินี้ให้ความสามารถในการวางเครื่องหมายภายนอกหรือภายในเนื้อหาของรายการ รับการถ่ายทอด.

    วันนี้เราจะมาดูวิธีการสร้างรายการบนหน้าเว็บ เครื่องหมายใดบ้างที่ใช้ และทดสอบสไตล์ต่างๆ เพื่อเปลี่ยนรูปลักษณ์

    ฉันขอเตือนคุณว่าสไตล์เชื่อมโยงกับหน้า HTML อย่างไร:

    มี CSS รายการสัญลักษณ์แสดงหัวข้อย่อยหรือแบบไม่เรียงลำดับและลำดับเลข

    เครื่องหมายรายการเป็นภาพที่มีรูปร่างแตกต่างกัน เช่น วงกลม สี่เหลี่ยม จตุรัส และสิ่งที่คล้ายคลึงกัน พวกเขาจะเรียกว่ากระสุน คุณยังสามารถใช้ภาพวาดของคุณเองเป็นเครื่องหมายสำหรับรายการได้

    รายการลำดับเลขแสดงถึงผลลัพธ์ของข้อมูลหมายเลข 1, 2, 3 เป็นต้น

    โดยทั่วไปแล้ว เครื่องหมายจะเป็นวงกลมสีดำธรรมดาๆ ซึ่งผู้ใช้คุ้นเคย แต่ในทางกลับกัน พวกมันจะไม่ดึงดูดความสนใจไปที่ข้อความมากนัก

    หากคุณตัดสินใจที่จะเปลี่ยนแก้วเหล่านี้ด้วยแก้วจากดีไซเนอร์ คุณจะต้องเชี่ยวชาญ จัดแต่งทรงผมรายการโดยใช้ css- วันนี้เราจะทำอะไร?

    พื้นฐานของรายการใดๆ ประกอบด้วยโค้ดหน้าเว็บต่อไปนี้:

    • องค์ประกอบแรกของรายการ
    • องค์ประกอบที่สองของรายการ
    • องค์ประกอบสุดท้ายของรายการ

    บล็อกนี้มีลักษณะดังนี้:

    • องค์ประกอบแรกของรายการ
    • องค์ประกอบที่สองของรายการ
    • องค์ประกอบสุดท้ายของรายการ

    การกำหนดสไตล์ CSS ของเครื่องหมายรายการ

    เราจะเขียนเอาต์พุตภายนอกในไฟล์สไตล์ สไตล์.css- อาจเรียกต่างกัน แต่มีนามสกุล .css

    เครื่องหมาย CSS มาตรฐาน: วงกลม (วงกลม) - วงกลมที่ยังไม่เติม, จุด (ดิสก์) - วงกลมที่เติม, สี่เหลี่ยม (สี่เหลี่ยม) - สี่เหลี่ยมที่เติม

    สร้างรายการในโค้ด CSS ul- ด้วยความช่วยเหลือของมัน เรากำหนดได้ว่าเครื่องหมายมาตรฐานใดที่จะแสดงบนหน้า

    ตัวอย่างเช่น ลองแสดงรายการโดยใช้วงกลม รายการในไฟล์ css จะเป็นดังนี้:

    Ul (ประเภทรายการสไตล์: วงกลม)

    แต่บ่อยครั้งที่จำเป็นต้องเปลี่ยนเครื่องหมายซึ่งไม่ได้อยู่ในรายการที่แสดงทั้งหมด แต่เฉพาะในบางบล็อกเท่านั้น เช่น เปลี่ยนแปลงในโพสต์ แต่ไม่เปลี่ยนแปลงในความคิดเห็น ในกรณีนี้ รหัส ul ไม่ควรมีความหมายใดๆ และควรระบุรูปแบบวงกลมสำหรับรายการในโพสต์เท่านั้น นี่คือลักษณะของโค้ดที่ไม่มีค่า:

    Ul (ประเภทรายการสไตล์: ไม่มี)

    หากคุณไม่พบรหัสในไฟล์ css ที่รับผิดชอบในการแสดงรายการในบล็อกที่คุณต้องการให้ใช้ปลั๊กอินสำหรับ Firefox - Firebug หรือใน Google Chrom คลิกขวาที่หน้าเว็บบล็อก จากนั้น "ดูโค้ดองค์ประกอบ"

    ตัวอย่างเช่น หนึ่งในตัวเลือกสำหรับการเปลี่ยนรูปลักษณ์ของรายการในโพสต์เป็นแวดวงมาตรฐาน หากไม่มีเนื้อหาสำหรับบล็อก ul:

    โพสต์เนื้อหา ul (list-style-type: วงกลม)

    หรืออีกตัวอย่างหนึ่ง:

    #content-blok ul(list-style-type:square)

    จบหลักสูตร “ฝึกใช้ CSS”

    ]]> ]]>

    ความรู้เกี่ยวกับ CSS เป็นสิ่งจำเป็นสำหรับผู้ดูแลเว็บทุกคน เนื่องจากเป็นวิธีสากลในการสร้างการออกแบบคุณภาพสูงโดยไม่ต้องโหลดโค้ดของหน้ามากเกินไป

    สำหรับผู้ที่ต้องการ เรียนรู้เทคนิคการออกแบบ CSS อย่างรวดเร็ว, ]]> แนะนำ ]]> หลักสูตรขั้นสูง "แบบฝึกหัด CSS" โดย Evgeniy Popov.

    บทความถัดไป:

    เครื่องหมายกราฟิกสำหรับรายการ

    รายการ CSS เยื้อง

    วิธีเปลี่ยนสี CSS ของ List Marker เพื่อให้สีแตกต่างจากสีข้อความ

    รายการที่ซ้อนกัน วิธีสร้างรายการแนวนอนใน CSS เปลี่ยนรูปแบบของรายการลำดับเลข

    ดาวน์โหลดเครื่องหมายที่สวยงามสำหรับรายการไซต์