「CSS」first-letterで最初の1文字にCSSを適用する
書式
クラス名::first-letter{xxx}
使用例
<style>
.cft::first-letter {
color: skyblue;
font-size:20px;
/*大文字*/
text-transform: uppercase;
}
</style>
<p class="cft">
aaa 最初の1文字目にスタイルシートを適用<br />
bbb <br />
ccc
</p>
<p class="cft">eee 最初の1文字目にスタイルシートを適用<br>
EEEE
</p>
<style>
.cft::first-letter {
color: skyblue;
font-size:20px;
/*大文字*/
text-transform: uppercase;
}
</style>
<p class="cft">
aaa 最初の1文字目にスタイルシートを適用<br />
bbb <br />
ccc
</p>
<p class="cft">eee 最初の1文字目にスタイルシートを適用<br>
EEEE
</p>
<style> .cft::first-letter { color: skyblue; font-size:20px; /*大文字*/ text-transform: uppercase; } </style> <p class="cft"> aaa 最初の1文字目にスタイルシートを適用<br /> bbb <br /> ccc </p> <p class="cft">eee 最初の1文字目にスタイルシートを適用<br> EEEE </p>