English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

CSS 参考手册

CSS @规则(RULES)

CSS 属性大全

CSS :first-line 仮要素

完全なCSS選択子リファレンスマニュアル

オンラインの例

各<p>要素の最初の行の選択されたスタイル:

!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>基礎チュートリアル(oldtoolbag.com)</title>
<style>
p:first-line
{
    background-color:orange;
}
</style>
</head>
<body>
<h1>江南丝竹</h1>
<p>江南丝竹は、地域や慣習的な自由度のために「蘇南丝竹」、「吴越丝竹」と呼ばれていました。<20世紀50年代初頭、華東民間音楽大会が開催された際、この分野に興味を持つ数人の音楽家が名前の問題について議論し、最終的に「江南丝竹」という名前が適切であると考えられました。それで慣習的に決まってしまいました。
江南丝竹音楽は清末期に正式に形成され、世代を超えて繋がる丝竹の達人、名士が民間音楽、古楽を編曲加工し、特色を形成していきました。その興隆は民国期に見られ、今から百数十年です。</p>
</body>
</html>
テストしてみる ‹/›

定義と使用法

:first-line選択子は、選択子の最初の行のスタイルを指定します。

注意::first-line選択子は以下の属性を使用できます: 

  • font properties

  • color properties 

  • background properties

  • word-spacing

  • letter-spacing

  • text-decoration

  • vertical-align

  • text-transform

  • line-height

  • clear

注意: "first-line" 選択子は、ブロックレベル要素に適用されます。

ブラウザの互換性

テーブルの数字は、その属性をサポートする最初のブラウザのバージョン番号を示しています。

選択子




::first-line1.09.0
一部は5.5
1.01.07.0
一部は3.5

関連記事

CSS チュートリアル: CSS 仮要素

完全なCSS選択子リファレンスマニュアル