HTML,CSS作成講座

~HTML,CSS作成講座~

font-size:サイズ;

15px8mm
20pt80%

数値の単位　mm,cm,in,pt,pc,px,ex,em,%
種類　xx-small mediumより3段階小さくする
　　　x-small 2段階小さくする
　　　small 1段階小さくする
　　　medium 通常
　　　large mediumより1段階大きくする
　　　x-large 2段階大きくする
　　　xx-large 3段階大きくする
　　　smaller 1段階小さくする
　　　larger 1段階大きくする

◆文字の色を変える

color:色;

red　#b1943a
cyan　#519b99

色はカラーコードが色名称で指定できます。

◆文字の背景を変える

background-color: 色;

#fbff51　darkorchid

色はカラーコードや色名称等指定できます。

◆フォントを変える

font-family: 種類;

HG明朝B　HG正楷書体-PRO

種類　フォント名　指定したフォントが見る側にインストールされていないとブラウザで指定されたフォントになります。
　　　sans-serif　ゴシック系のフォント
　　　serif　明朝系のフォント
　　　cursive　筆記体,草書体のフォント
　　　fantasy　装飾的なフォント
　　　monospace　等幅フォント

◆英字をスモールキャップにする

font-variant: 種類;

ABCDE abcde

種類　normal 通常
　　　small-caps スモールキャップにする
スモールキャップにすると小文字が小文字サイズの大文字となって表示されます。

◆英字の大文字小文字の表示を指定

text-transform: 種類

abcde (abcde)

種類　none 普通に表示(デフォルト)
　　　capitalize 単語の先頭を大文字にする
　　　lowercase 全て小文字にする
　　　uppercase 全て大文字にする

戻る