::first-line

p::first-line {
  font-size: 1.2rem;
  font-weight: bold;
  text-decoration: underline;
}

<p>
  In warm ocean waters around the world, you may see a strange sight: A fish
  leaping from the water and soaring dozens of meters before returning to the
  ocean's depths. Early Mediterranean sailors thought these flying fish returned
  to the shore at night to sleep, and therefore called this family of marine
  fish Exocoetidae.
</p>

::first-line {
  /* ... */
}

<p>
  スタイルはこの段落の先頭行にのみ適用されます。
  その後のすべての文字列は普通のスタイルになります。分かりますか？
</p>

<span>
  ブロックレベル要素ではないので、この文字列の先頭行は、特殊なスタイルになりません。
</span>

* {
  font-size: 20px;
  font-family: sans-serif;
}

::first-line {
  color: blue;
  font-weight: bold;

  /* 警告: これらを使用しないでください */
  /* ::first-line 擬似要素では多くのプロパティが無効になります */
  margin-left: 20px;
  text-indent: 20px;
}

<svg viewBox="0 0 320 150">
  <text y="20">Here is an English paragraph
that is broken into multiple lines
in the source code so that it can
be more easily read and edited
in a text editor.
  </text>
</svg>

text {
  font-size: 20px;
  font-family: sans-serif;
}

text {
  white-space: break-spaces;
}

text::first-line {
  fill: blue;
  font-weight: bold;
}