低下帽子の最初手紙はいつ最初に新聞、雑誌でもたらされた時か。 しかしあるかなり間網ビジネスで使用される低下帽子の傾向。 最初手紙の低下帽子はあなたのパラグラフを人の心を捕え、流行にする。 最初手紙の低下帽子をCSSを使用して多くの方法で達成することができる。 2つの方法はこの記事で論議される筈だ。

1. 最初の手紙のスタイルを作るスパンの札を使用して
2. 擬似要素を使用して: 最初手紙

1。 最初の手紙のスタイルを作るスパンの札を使用して

<styleのtype= "テキストかcss " >

  .firstletter {

    表示: ブロック;

    浮遊物: 左;

    差益: -0.63em 0.5em 0 -0.56em;

    高さ: 4.5em;

    色: #aaa;

  }

 

  .firstletterのスパン{

    壷サイズ: 200%年;

    ライン高さ: 1.0em;

  }

  .firstletter  スパン{

    差益左  : -0.5em; 

  }

</style>

CSSコードの上で 署名するについて知るために興味を起こさせられるかもしれない。 同じ親が付いている別の要素の後でCSS 2.の隣接兄弟ターゲットで要素直接導入されたのは隣接兄弟のセレクターである。

それを使用する方法か。

<span class= " firstletter " >

  <span>W</span>

</span>hen最初に低下帽子の最初手紙は新聞、雑誌でもたらされた時か。 しかしあるかなり間網ビジネスで使用される低下帽子の傾向。 最初手紙の低下帽子を多くの方法で達成することができる。

生きているデモをここに見ることができる。

2。 擬似要素を使用して: 最初手紙

場所のほとんどは低下帽子の最初手紙のためのスパンの技術を使用する。 によってCSS 2の、発明しなさい: 最初手紙の擬似要素はこのためにもたらされた。 それは容易であり低下帽子を下記のもので作成する: 最初手紙。 最も最近のブラウザのほとんどは支える: 最初手紙の擬似要素。

<styleのtype= "テキストかcss " >

   p: 最初手紙{

     壷サイズ: 400%;

     表示: ブロック;

     浮遊物: 左;

     差益: 0.06em 0 0;

     高さ: 3.5em;

     色: #ccc;

   }

</style>

それを使用する方法か。

あった最初に新聞、雑誌でもたらされる低下帽子の最初手紙<p>When時か。 しかしあるかなり間網ビジネスで使用される低下帽子の傾向。 最初手紙の低下帽子を多くのways.</p>で達成することができる

生きているデモをここに見ることができる。

様式の札の中で、私達はパラグラフのための様式を加え、コードを接尾辞として付ける: 続きどんな宣言をそのパラグラフの最初の手紙に適用される最初手紙。

苦境は十字のブラウザの両立性のために必要であるかもしれない。

1. 別のサイズおよび壷のショーのブログの最初手紙による#1 | 索引のブログ2008年4月13日12:45 pmの
   
   

   […] CSS (DesignGala)の雑誌様式の最初手紙[…]

2. Lindsey 2008年4月24日2:50 AMの著#2
   
   

   なぜそれを表示に置いてもらう必要があるか: 設定浮かぶそれならブロック: 左;か。

3. アレックス2008年4月24日7:51 AMの著#3
   
   

   はい。 表示: ブロックは必要ではない。

   ありがとうLindsey、

4. sumit 2008年4月29日11:25 pmのによる#4
   
   

   私はこの1つを好む
   p: 最初手紙{}

5. Shycon Design 2008年5月5日10:53 pmの著#5
   
   

   はい端正なトリック! ありがとう!