Css 3テキストの新しい属性

4312 ワード

  • カラーモードrgba(r,g,b,a)
  • を追加
    r
    red
    0~255
    g
    green
    0~255
    b
    blue
    0~255
    a
    alpha
    0~1
    例:背景が透明で、文字が不透明
  • 文字シャドウtext-shadow:x y blur colorテキストシャドウ多層化すると、レイヤ間がカンマで区切られ、詰まってしまいます.浮き彫り、グローなど、文字のシャドウによって多くの文字の特効を得ることができます.テキストブラー効果:
  • h1{font: 100px/200px "    "; text-align: center;color: #000; text-shadow:0 0 0 rgba(0,0,0,1); border: 1px solid #000}
    h1:hover {color: rgba(0,0,0,0); text-shadow: 0 0 30px rgba(0,0,0,0.5)}
  • テキスト枠線-webkit-text-stroke:幅の色ですが、webkitのブラウザでのみサポートされています.
  • 文字レイアウト(1)direction定義文字配列方式(全互換)rtl右から左へltr左から右へ配列unicode-bidiと併用(2)text-overflow定義省略テキストの処理方式clip省略番号ellipsis省略番号注意overflow:hiddenとwhite-space:nowrapを併用
  • カスタムフォント
  • @font-face {
        font-family: 'chm';
        src:url('111-webfont.eot');
        src:url('111-webfont.eot?#iefix') format('embedded-opentype'),
            url('111-webfont.woff') format('woff'),
            url('111-webfont.ttf') format('truetype'),
            url('111-webfont.svg#untitledregular') format('svg');
        font-weight: normal;
        font-style: normal;
    }

    フォントフォーマットを変換して互換コードを生成http://www.fontsquirrel.com/fontface/generator