CSS サンプル | コード 基本 | 書き方 | 例

Web Safe FontsCSS コード サンプル DEMO ページCSS Web Safe FontsExample.sans-serif-font {font-family: Arial, Helvetica, sans-serif;}.serif-font {font-family: "Times New Roman････

font-weight CSS コード サンプル DEMO ページ情報：段落の異なるフォントの太さを設定する ことができる。CSS font-weight Exampleh1 {font-weight: normal;}p {font-weight: bold;}font-weight ････

font-variant CSS コード サンプル DEMO ページ情報：段落を小文字のフォントに設定する ことができる。CSS font-variant Examplep.normal {font-variant: normal;}p.small {font-variant: small-caps;}font-v････

font-style CSS コード サンプル DEMO ページ情報：3つの段落に異なるフォントスタイルを設定する ことができる。CSS font-style Examplep.webref1 {font-style: normal;}p.webref2 {font-style: italic;}p.webref3 {････

font-stretch CSS コード サンプル DEMO ページ情報：すべての要素のテキストをより広くする ことができる。CSS font-stretch Examplep {font-family: Arial, Helvetica, sans-serif;font-stretch: condensed;}p.b {font････

font-size-adjust CSS コード サンプル DEMO ページ情報：font-size-adjustプロパティを指定すると、ブラウザはフォントファミリに関係なくフォントサイズを同じに調整します（アスペクト値）CSS font-size-adjust Examplep {font-family: "DejaVu Sans", A････

font-size CSS コード サンプル DEMO ページ情報：まざまな要素のフォントサイズを設定する ことができる。CSS font-size Examplebody {font-size: 14px;}h1 {font-size: 2em;}font-size CSS プロパティ Example････

font-kerningCSS コード サンプル DEMO ページ情報：フォントカーニングが適用されることを指定する ことができる。CSS font-kerningExample p {font-family: serif;font-size: 20px;}p.a {font-kerning: inherit;････

font-family CSS コード サンプル DEMO ページ情報：複数の段落のフォントを指定する ことができる。CSS font-family Example#webref1 {font-family: "Times New Roman", Times, serif;}#webref2 {font-family: Arial････