Data Structure
Networking
RDBMS
Operating System
Java
MS Excel
iOS
HTML
CSS
Android
Python
C Programming
C++
C#
MongoDB
MySQL
Javascript
PHP
Physics
Chemistry
Biology
Mathematics
English
Economics
Psychology
Social Studies
Fashion Studies
Legal Studies
- Selected Reading
- UPSC IAS Exams Notes
- Developer's Best Practices
- Questions and Answers
- Effective Resume Writing
- HR Interview Questions
- Computer Glossary
- Who is Who
Which element is used to add special styles to the first line of the text in a selector with CSS
Use the :first-line element to add special effects to the first line of elements in the document.
Example
You can try to run the following code to add special styles to the first line of text
<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>
Updated on: 29-Jun-2020
99 Views
Advertisements