CSS逆引き備忘録|font

memo

スポンサーリンク

逆引き備忘録のページ*font

私的な備忘録。

font装飾

テキストデコレーションなし

text-decoration:none;

テキストデコレーション下線

text-decoration:underline;

テキストデコレーション上線

text-decoration:overline;

テキストデコレーション取り消し線

text-decoration:line-through;

テキストシャドウ

(左右位置・上下位置・ぼかし長さ・色)

text-shadow: px px px #000;

テキストシャドウ 縁取り

(カンマで区切れば、複数方向も可能)

text-shadow:-1px -1px 0px #000,
             1px -1px 0px #000,
            -1px  1px 0pX #000,
             1px  1px 0px #000;

FontAwesomeを使う(コードは例)

※beforeやafterで使う場合、position:absoluteを併用すると良い。

font-family: FontAwesome;
content: "\f2cd";
position: absolute;
top: px;
left: px;

他のWebアイコンを使う(コードは例)

※beforeやafterで使う場合、position:absoluteを併用すると良い。

content: "\1F34A";
position: absolute;
top: px;
left: px;
励みになります
ランキングに参加しました。
「ダウンロードしたよ。」の
応援クリック頂けると嬉しいです(#^^#)
にほんブログ村 IT技術ブログ WordPressへ
にほんブログ村


スポンサーリンク

シェアする

  • このエントリーをはてなブックマークに追加

フォローする