要素に赤色で破線の下線を指定した例です。考慮する場合は、以下のように記述して、普通の下線を表示するようにします。wavy;}プルダウンから値を選択すると表示がそれに合わせて変わります。英文字の大文字や小文字での表示方法を指定するプロパティです。このプロパティは英字の大文字・小文字の表示を変換するだけで、コンテンツに影響を与えません。表示方法を指定しません(記述した通りに表示されます)。単語の先頭文字(1文字目)を大文字で表示します。すべての文字を大文字で表示します。すべての文字を小文字で表示します。すべての文字を全角文字で表示します。none;}プルダウンから値を選択すると表示がそれに合わせて変わります。文字の傍点(ぼうてん。文字を強調するために付ける印)を指定するプロパティです。2つのプロパティの短縮形(ショートハンド・プロパティ)です。他のショートハンド・プロパティと同様に、ショートハンド内で明示的に指定されなかった場合は、デフォルトの値が適用されます。文字に付ける傍点のスタイルと形状を指定するプロパティです。場合、形状の値を半角スペースで区切って記述します。スタイル」のどちらでも大丈夫です。塗りつぶしの傍点が表示されます。白抜きの傍点が表示されます。任意の文字を傍点として指定できます。文字は引用符(")で囲って記述します。filled(塗りつぶし)を指定した例です。Style以下は任意の文字を指定した例です。ユニコード文字を指定することもできます。文字に付ける傍点の色を指定するプロパティで、キーワードまたはカラーコードで指定します。currentColor(現在の色)です。ショートハンド・プロパティを使って以下のように記述することができます。ショートハンド内で値が明示的に指定されなかった場合は、デフォルトの値が適用されます。プロパティを使うと、テキストのアウトラインを表示することができます。以外の主要なブラウザで対応しています。text-fill)アウトラインの太さと色を半角スペース区切りで指定します。サポートしていないブラウザで見ると、アウトラインは表示されず、指定した文字色(color)で表示されます。そのため、背景色と文字色のコントラストを考慮する必要があるかも知れません。テキストの色を透明にテキストの背景に画像などを配置して、アウトラインのみ残したい場合、テキストを透明(transparent)にすれば良さそうですが、アウトライン(-webkit-text-stroke)に未対応のブラウザの場合、テキストが見えなくなってしまいます。プロパティを使ってテキストの色を透明にします。テキストの色を透明にしています。指定しているので、アウトラインに未対応のブラウザでは、文字が白色で表示されます。※フォントサイズをある程度以上に大きくしないと、透明部分が表示されません。うまく透明部分が表示されない場合は、アウトラインの大きさやフォントの大きさを変更してみてください。Strokeアンチエイリアスアンチエイリアスとは、画像を表示する際に発生する階段状のギザギザを目立たなくする処理のことで、フォントに関しては、文字の輪郭を滑らかにする処理のことです。系のブラウザでは、大きな文字をきれいに表示するためにアンチエイリアスが強くかかり、文字が太って表示されてしまいもっさりした感じに見えることがあります。「-webkit-font-smoothing」と「-moz-osx-font-smoothing」でアンチエイリアスのかけ方を調整できます。Chrome/Android等)では以下の値が指定可能です。滑らか-moz-osx-font-smoothing(FireFox)FireFox(Mac版)では以下の値が指定可能です。系のブラウザで少し細めに見えるように)表示する指定例です。//ぎざぎざ(アンチエイリアスなし)但し、フォントサイズが小さい場合や、背景色とのコントラストによっては可読性を損なう可能性もあるので注意が必要です。アイコンフォントアイコンフォントとは、フォントの1文字にテキストではなくアイコンが割り当てられたフォントのことです。基本的な使い方」をご覧ください。内に以下を記述するだけで利用可能です。Awesomeどのようなアイコンフォントがあるかは以下のページで調べられます。Awesome使用したいアイコンをクリックすると、そのアイコンを表示するタグが記載されているので、それをコピーして表示したい場所にペーストするだけです。基本的なマークアップは以下のようになっています。部分はアイコンごとに異なります。Awesome上記のように表示されるには以下のように記述します。後にスペースを入れます。以下のように記述しておくと良いかと思います。擬似要素のコロンは2つになりました。互換性のため、多くのブラウザは両方の値(ダブルコロン、シングルコロン)をサポートしています。以下ではダブルコロン(2つのコロン)に対応していません。以下の説明ではシングルコロンを使っています。等をそのまま使うことはできません。見てみると以下のように記述されています。ような値(Unicode)がわかれば、簡単に挿入することができます。f08e」のように記述されているので、それを利用します。info@example.com</p>info@example.comスタイルを指定することも可能なので、マージンやパディングを使って余白を指定したり、文字色を指定することなどもできます。rel="noopener")に「fa-external-link」のアイコンを表示することができます。フォントはサーバー上に置かれているフォントファイルを読み込んで表示させます。このため、ユーザー環境に左右されることなく、製作者が意図したフォントで表示することが可能です。サイトを設置してある同じサーバーにフォントのデータを置く方法と、フォントのサービスを提供しているサーバーからフォントのデータを読み込む方法があります。すべてのブラウザで動作する単一のフォーマットは現在ありません。一部しかサポートされていません。:最も幅広くサポートされています。多くのブラウザで現在対応中です。規則は、利用したいフォントを指定するための設定です。任意のフォント名を指定します。規則で指定したWebフォントで表示されます。フォントのダウンロードは同一ドメイン制限に従います(フォントファイルはそれらが使用されているページと同じドメインにある必要があります)。format("ファイル形式")のようにして指定します。続けて、半角スペースで区切って記述します。フォントの形式のセットは、カンマ(,)で区切って複数指定することができます。2.0)フォントオプションオプションとして以下のプロパティと値を指定することができます。いう単一のファミリーを定義している例です。ディスクリプタには、カンマで区切られた派生リソース(ファイル形式)の優先順位付きリストが含まれています。派生フォント(ファイル形式)の指定順序は重要です。ブラウザは、サポートしている最初の形式を選択します。宣言を記述する必要があります。商用・非商用問わず無償で利用可能です。アカウント登録等もないので気軽に使えます。アクセスして使いたいフォントを探します。設定をペーストするだけでそのフォントで表示することができます。要素内にペーストします。指定をペーストします。使って表示することができます。使い方・利用方法」をご覧ください。