アジェンダ

文字の装飾

文字に線を引く場合、以下のように指定する。

text-decoration: 値;

値には単語を用いる。
単語には以下のようなものがある。

それぞれ、以下のように表示される。 ![text-decoration.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/648214/c41f597e-a830-1889-dd50-d5699f1a8a03.png)

文字に影を付ける場合、以下のように指定する。

text-shadow: 横方向のズレ 縦方向のズレ ぼかし幅 影の色;

横方向のズレ、縦方向のズレ、ぼかし幅は数値で指定する。
影の色は色で指定する。

以下のように表示される。

一行目にインデントを付ける場合、以下のように指定する。

text-indent: 値;

値は数値で指定する。

アルファベットの大文字小文字をコントロールする場合、以下のように指定する。

text-transform: 値;

値には単語を用いる。
単語には以下のようなものがある。

それぞれ、以下のように表示される。 ![text-transform.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/648214/4909848a-1471-b006-3c2b-7cb16b3f32d7.png)

今回は装飾に関する内容だった。
おしゃれなWebページを作成するためには必要な内容だ。