วิธีทำให้ข้อความที่ตัดมาใน CSS
CSS ช่วยให้คุณผลิตสินค้าได้หลากหลายการดำเนินงานที่เกี่ยวข้องกับการตกแต่งตกแต่งของทั้งหน้า ความสนใจเป็นพิเศษจะได้รับการชำระเงินให้กับข้อความซึ่งโดยมากแล้วจะครอบคลุมพื้นที่ทั้งหมดของไซต์ทั้งหมด วันนี้เราจะพิจารณาคุณสมบัติที่น่าสนใจอย่างหนึ่ง: ขีดเส้นใต้ข้อความที่ขีดเส้นใต้และขีดเส้นใต้ เอฟเฟ็กต์ทั้งหมดนี้กำหนดโดยใช้กฎ CSS เดียว
การมอบหมาย
เป็นไปได้ที่จะเน้นและตัดข้อความใน CSS ด้วยโดยใช้คำสั่ง "text-decoration" ผลจะขึ้นอยู่กับค่าที่ระบุ CSS ได้รับการประกาศเกียรติคุณให้แยกส่วนตรรกะและโครงสร้างของหน้าเว็บ แต่ก่อนหน้านี้ได้มีการใช้แท็ก HTML สไตล์ cascading Style ซึ่งมีความหมายคล้ายกัน ตัวอย่างเช่นองค์ประกอบเช่น <strike> ช่วยให้คุณสามารถส่งออกข้อความทับได้ ตอนนี้แท็กนี้ถือว่าไม่พึงประสงค์และการใช้งานจะทำให้รหัสหน้าเว็บของคุณไม่ถูกต้อง แม้ว่าองค์ประกอบนี้จะได้รับการสนับสนุนจากเบราว์เซอร์ที่ทันสมัยทั้งหมดและมีการใช้งานโดยนักพัฒนาซอฟต์แวร์บางราย แต่กลับไปที่ CSS คำสั่ง "text-decoration" สามารถมีค่าต่อไปนี้:
- ขีดเส้นใต้ โดยการกำหนดค่านี้คุณจะได้รับข้อความที่ขีดเส้นใต้
- overline บรรทัดจะส่งผ่านส่วนใดส่วนหนึ่งของหน้า
- สายผ่าน สร้างข้อความขีดทับหรือขีดทับ
- กะพริบตา ส่วนที่เลือกของเอกสารจะเป็นระยะ ๆ หายไปและปรากฏขึ้นอีกครั้ง
- นอกจากนี้ยังมีค่า "none" และ "inherit" ครั้งแรกจะยกเลิกการทำงานของเอฟเฟ็กต์ทั้งหมดและคำสั่งที่สองจะสืบทอดคุณสมบัติของอิลิเมนต์หลัก
โชคชะตา
ดูเหมือนว่าใน CSS จะมีข้อความที่ขีดเส้นใต้และลักษณะพิเศษที่คล้ายกันใช้สำหรับตกแต่งข้อความเท่านั้น ในกรณีส่วนใหญ่คำแถลงนี้เป็นความจริง แต่บางครั้งก็มีมูลค่าการพิจารณาคำถาม: สิ่งที่เป็นองค์ประกอบสำหรับ? ตัวอย่างเช่นแท็ก "นัดหยุดงาน" ที่ล้าสมัยได้ใช้เพื่ออ้างถึงข้อมูลที่ไม่ถูกต้องหรือข้อมูลเก่า ผู้อ่านเห็นข้อความที่ขีดฆ่าเข้าใจความหมายที่ซ่อนอยู่ของสัญกรณ์นี้ คำที่ขีดเส้นใต้จะถูกแยกออกจากการไหลโดยทั่วไป ดังนั้นผลกระทบนี้จะต้องใช้เพื่อเน้นข้อมูลที่สำคัญ ค่าของ "กะพริบ" ซึ่งทำให้ข้อความกะพริบใช้ค่อนข้างน้อยเนื่องจากในหมู่โปรแกรมเมอร์ถือว่าเป็นผลที่ไม่สามารถยอมรับได้ หลังจากที่ทั้งหมดไม่กี่ของผู้อ่านของคุณเช่นสัญลักษณ์ริบหรี่ที่จะรบกวนพวกเขาอย่างต่อเนื่อง ดีค่า "overline" ใช้สำหรับตกแต่งข้อความเท่านั้น
คุณสมบัติ
แม้ว่าค่าทั้งหมดของคุณสมบัติ "text-decoration"จะรวมอยู่ในข้อกำหนดของรุ่นตารางแบบเรียงซ้อน แต่บางค่ายังไม่ได้รับการสนับสนุนโดยเบราว์เซอร์รุ่นใหม่ ตัวอย่างเช่นข้อความกระพริบจะไม่ปรากฏใน IE Google Chrome ไม่ยอมรับค่าบางอย่าง แพลตฟอร์มโทรศัพท์มือถือรองรับคุณลักษณะนี้ไม่เพียงพอ
ข้อสรุป
ลักษณะพิเศษเช่นข้อความขีดทับและอื่น ๆค่าที่คล้ายกันมักใช้บนอินเทอร์เน็ต การใช้งานของพวกเขาช่วยให้คุณสามารถแสดงความคิดหลักของผู้เขียนได้อย่างถูกต้องช่วยให้ผู้อ่านสนใจในส่วนที่จำเป็นของข้อความ แต่อย่ากระตือรือร้นเกินไปและทุกโอกาสที่จะใช้คุณสมบัติ "text-decoration" หลังจากที่ทุกการตกแต่งที่ไม่จำเป็นของข้อความอาจเป็นอันตรายต่อคุณและผู้อ่านของคุณ
