css - ap:first-line にマージンを追加することは可能ですか?

Question

このように p の最初の行にマージンを追加できないのはなぜですか?

p:first-line{
 color:red; /* ok */
 margin-bottom:20px; /* nothing */
}

http://jsfiddle.net/xtb5M/

Answer 1

W3Cによると、margin プロパティはfirst-lineセレクターに適用されません。

::first-line 擬似要素は inline-level 要素に似ていますが、特定の制限があります。::first-line 疑似要素には、次の CSS プロパティが適用されます。

• フォント プロパティ
• 色のプロパティ
• 背景のプロパティ
• '単語間隔'</li>
• '文字間隔'
• 「テキスト装飾」
• 'vertical-align'</li>
• 'テキスト変換'</li>
• '行の高さ'</li>

Answer 2

line-height でそれを偽造することができます

p{
    margin-top:-10px;
}

p:first-line{
  color:red;  
  line-height: 40px;      
}​

http://jsfiddle.net/willemvb/Y9M28/