CSS3

：

疑似要素

：

::first-line

　 編集：2022.07.09 by T.A.

[Edge]○。→●、mdn

最初の行。

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

その出自の要素の整形される最初の行の内容を表現する。

次の規則は、“各 P 要素ごとに、その最初の行に下線を引く”ことを意味する： 
p::first-line { text-decoration: underline }

選択子 p::first-line に合致する DOM 要素は無い。それは、それが合致するのは、ユーザー エージェントが各 P 要素ごとに、その始めの所に自動的に挿入することになる、疑似要素である。

注記： 最初の行の長さは、ページの横幅、フォント サイズ、等々、いくつもの要因に依存することに注意。

¶例を省く

¶他を省く

以下の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：

ここに表示
スクリプト：


スクリプト：



表示内容：
表示内容：