first-line 擬似要素

テキストの1行めに適用させるスタイルを指定します。


ブラウザ

IE5.5 / IE6 / N6 / N7 / O6 / O7 / O9 / Fx1 / Fx2 / IE5 mac

▲PageTop

書式

要素[.class名][#id名]:first-line { 値; }

▲PageTop

サンプル

ソースコード

<html>
  <head>
    <title>サンプルコード</title>
    <style type="text/css">
      #sample1:first-line{
        text-decoration : underline;
        color : 0066ff;
        font-size : x-large;
      }
    </style>
  </head>
  <body>
    <div id="sample1">
      first-lineサンプル
      このプロパティは、テキストの<strong>1行目に</strong>適用されるものです。折り返すか、&lt;br&gt;で改行するまで適用されます。
    </div>
  </body>
</html>

表示結果

first-lineサンプル このプロパティは、テキストの1行目に適用されるものです。折り返すか、<br>で改行するまで適用されます。

▲PageTop

関連項目

CSS

first-letter

▲PageTop

▲