ホームページ  >  記事  >  ウェブフロントエンド  >  疑似要素 first-letter を使用してテキストの最初の文字を大文字にする方法

疑似要素 first-letter を使用してテキストの最初の文字を大文字にする方法

php中世界最好的语言
php中世界最好的语言オリジナル
2018-03-09 13:47:022595ブラウズ

今回は擬似要素first-letterを使って文章の先頭文字を大文字にする方法を紹介します擬似要素first-letterを使って文章の先頭文字を大文字にする場合の注意点は以下の通りです。実際のケースを見てみましょう。

<!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>

この記事の事例を読んだ後は、この方法を習得したと思います。さらに興味深い情報については、php 中国語 Web サイトの他の関連記事に注目してください。

関連書籍:

bootstrap-validatorの使用方法の詳細な説明

iframeのクロスドメイン使用法

jsで関数を宣言する4つの方法

以上が疑似要素 first-letter を使用してテキストの最初の文字を大文字にする方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。