書式
セレクタ:first-line
対象
ブロックレベル要素
継承
-
初期値
-
バージョン
CSS Level 1
対応ブラウザ
Win IE5.5以降, Mac IE5.0, NN6.0以降, Firefox, Opera 6, Safari
解説
最初の１文字にスタイルを指定します。
サンプルコード
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<title>Sample</title>
<style type="text/css"><!--
body { margin:0px; }
div { position:absolute; left:10px; top:10px;width:300px;height:100px;
border:1px blue solid;
}
div:first-line { font-size:24pt; color:white; background-color:black; }
--></style>
</head>
<body>
<div>
最初の一行だけ大きくなります。<br>
たまに、こういうレイアウトも見かけます。
</div>
</body>
</html>