ホーム >>> HTML整理ノート

:first-letter/:first-line

・●:first-letter
 ・段落の先頭1文字だけスタイル設定。
・●:first-line
 ・段落の先頭1行だけスタイル設定。

(注)ブロック要素だけに可能。また<HTMLタグ style="">では設定できず、外部CSSファイルや<head>のstyle要素内で設定

Sample

やってきました! 秋の味覚「さんま」のおいしい季節が!!

さんまは江戸時代から、高い効用があることで知られ、「医者いらず」の別名もあったほど。人間に必要な必須アミノ酸が多量に含まれているので、虚弱体質の方は普段から常食することをおすすめします。


ビタミンB群も豊富で、中でもビタミンB12は、貧血を緩和する効果が高く、妊娠中の方にも最適です。また不飽和脂肪酸のDHAやEPAも含まれているので脳の働きを活発にし、老人性痴呆症の予防や心臓病に効果があります。


通常は取り除いてしまうさんまのはらわたには、胃腸病の予防に効くビタミンAがたっぷり含まれているので、新鮮なさんまが手に入ったら、ぜひ召し上がってみて!

Sample Source......................................................................>>>

<STYLE TYPE="text/css">
<!--
 .test1:first-letter {color:red;font-size:170%;font-weight:bold;float:left}
 .test2:first-line {color:green;font-style:italic;text-decoration:underline}
 p:first-letter {color:red;font-size:200%}
-->
</STYLE>
</head>
<body>

<p class="test1">やってきました! 秋の味覚「さんま」のおいしい季節が!!・・・ </p>
<p class="test2">さんまは江戸時代から、高い効用があることで知られ、・・・</p><br>
<div class="test1">ビタミンB群も豊富で、中でもビタミンB12は、貧血を緩和する・・・</div><br>
<div class="test2">通常は取り除いてしまうさんまのはらわたには、胃腸病の予防に・・・</div>