简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Home > Web Front-end > JS Tutorial > body text

How to use the pseudo element first-letter to capitalize the first letter of text

php中世界最好的语言
Release： 2018-03-09 13:47:02
Original
2528 people have browsed it

This time I will show you how to use the pseudo-element first-letter to capitalize the first letter of text, and how to use the pseudo-element first-letter to capitalize the first letter of text. Let’s take a look. 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"><HTML>
 <HEAD>
  <TITLE>Drop cap initial letter</TITLE>
  <STYLE type="text/css">
   P { 
     font-size: 12pt; 
     line-height: 1.2; 
     width:250px;
   }   P::first-letter { 
     font-size: 224%; 
     margin-top: -5px;     font-weight: bold; 
     float:left; 
   }   SPAN { 
     text-transform: uppercase 
   }  </STYLE>
 </HEAD>
 <BODY>
  <P><SPAN>The first</SPAN> few words of an article
    in The Economist.The first few words of an article
    in The Economist.</P>
 </BODY></HTML>
Copy after login
I believe you have mastered the method after reading the case in this article. For more exciting information, please pay attention to other related articles on the php Chinese website!

Related reading:

Detailed explanation of using bootstrap-validator


Cross-domain usage of iframe


Four ways to declare functions in js

The above is the detailed content of How to use the pseudo element first-letter to capitalize the first letter of text. For more information, please follow other related articles on the PHP Chinese website!

Related labels：
first-letter element
source：php.cn
Previous article：Detailed explanation of the Counters property of css Next article：Tips on using jq to send multiple ajax and then execute callbacks
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Latest Articles by Author
Latest Issues
Title rewrite: The function is called by addEventListener without my explicit request So we have a page: <spanid='container'><ahref='#'id='first'>FirstLink</a>...
From 2023-10-18 23:57:48
0
2
253
Select the last row in the table I want to retrieve the last file inserted into my table. I know the method first() exists ...
From 2023-10-11 09:04:14
0
2
226
How can I reindex an array with negative integer key values ​​so that item 0,1,2,3,-1 is sorted to -1,0,1,2,3 and then renumbered to 0,1,2,3,4? Let's say I have this: $arr=[];$arr[0]='second';$arr[-1]='first'; How do I change it to $a...
From 2023-09-12 12:09:51
0
2
322
Using only css, add the css style to the parent of .apply-style-here (without the .second-stage class) How to apply style to parent div of .apply-style-here by satisfying only this condition. T...
From 2023-09-11 14:23:08
0
1
240
Retrieve all database records contributed by an individual How to get all rows in database table inserted by logged in person? I will provide the fol...
From 2023-09-08 16:10:51
0
1
296
Related Topics
More>
Popular Recommendations
Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
About us Disclaimer Sitemap
php.cn：Public welfare online PHP training，Help PHP learners grow quickly！