FC2ブログ
RSS
Admin
Archives

ぽすといっと

HTML・CSSのメモをぺったぺた。Linuxとかも。なんでもありになってきました。

検索フォーム
カテゴリ
最新記事
プロフィール

nataku

Author:nataku
(X)HTMLやCSSについて気になったこととか。Linuxも加わってなんでもありになってきました。

リンク
twitter
Powered by fc2 blog  |  Designed by sebek
2009.03
14
Category : 擬似要素+CSS
段落の一番最初の文字を参照して修飾する

:first-letter(疑似要素)

p:first-letter {
float:left;
margin:10px;
padding:5px;
border:1px solid #bbbbbb;
font-weight:bold;
font-size:150%;
color:blue;
line-height:1.5;
}

 
 
プロパティは使いそうなの適当に^^;

一行目をすべて修飾する→ :first-line



※pにfirst-letter設定
 IE6では直下にaタグを持ってくると強制終了

以下の条件では自動でhiddenされる
・ブロック要素内のテキストがインライン要素で囲まれている
・ブロック要素のIDに対してwidthを指定している
・ブロック要素のIDに対してfirst-letterを指定している
 (この場合、タグをセレクターに含めない。#idという指定)
・xml宣言をしている