CSS3

：

疑似要素

：

::first-letter

　 編集：2022.07.09 by T.A.

→●、mdn

最初の文字。

E::first-letter
E 該当させる要素。

その出自の要素の、最初の字°を成すテキスト ― 要素の整形される最初の行上の最初のタイポ グラフィック字°単位 [CSS-TEXT-3] ― を表現する。疑似要素は、“持ち上げ頭字”や“埋没頭字”などの先頭字を作成するときに利用できる ― それらのタイポグラフィック効果は共通する。

例えば、次の規則は、[CSS-INLINE-3] にて定義される initial-letter プロパティを利用して、各［h2 に後続する段落］ごとに 2 行に span する埋没頭字を作成する： 
h2 + p::first-letter { initial-letter: 2; }

他を省く

以下のCSSが組み込んであります： 

<DIV class=Test style="border:1px solid red; width:100px;">
 ああああああああああああああ
</DIV>


<DIV style="border:1px solid red; width:100px;">
 <SPAN class=Test>ああああああああああああ</SPAN>
</DIV>

テスト
別画面に表示させて。
HTML：

ここに表示
別画面に表示させて。
HTML：

ここに表示
スクリプト：


スクリプト：



表示内容：
表示内容：