CSS ::first-lineで最初の1行目にCSSを適用する
環境
Windows 10 Home 64bit
Google Chrome 110.0.5481.105(Official Build)
構文
セレクタ::first-line{
}
「first-line」を使って最初の1行目にCSSを適用します。
使用例
<!DOCTYPE html> <html> <head> <style> p::first-line { background-color:gray; color:red; } </style> </head> <body> <p class="p1"> 東京<br /> 大阪<br /> 福岡 </p> </body> </html>
実行結果
最初の1行目の文字色(赤)、背景色(gray)になります。