Computer >> คอมพิวเตอร์ >  >> การเขียนโปรแกรม >> CSS

องค์ประกอบใดที่ใช้เพื่อเพิ่มสไตล์พิเศษให้กับบรรทัดแรกของข้อความในตัวเลือกด้วย CSS


ใช้ :บรรทัดแรก องค์ประกอบเพื่อเพิ่มเอฟเฟกต์พิเศษให้กับองค์ประกอบบรรทัดแรกในเอกสาร

ตัวอย่าง

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

<html>
   <head>
      <style>
         p:first-line {
            text-decoration: underline;
         }
         p.noline:first-line {
            text-decoration: none;
         }
      </style>
   </head>
   <body>
      <p class = "noline"> This line would not have any underline because this belongs to nline class.</p>
      <p>The first line of this paragraph will be underlined as defined in the CSS rule above. Rest of the
      lines in this paragraph will remain normal. This example shows how to use :first-line pseduo element
      to give effect to the first line of any HTML element.</p>
   </body>
</html>