cssの意外と知らない用語

#cssを書く機会が多い人が覚えたらストレスフリーになる用語

##border

divの周りに黒い枠を入れる

div {
border: 1px solid #000000;
}

種類

枠線なし（ボーダーの幅の値は強制的に0になる)
dotted
点線（丸い点線）
dashed
破線（四角い点線）
solid
実線
double
二重線
groove
立体枠（窪み）
ridge
立体枠（隆起）
inset
立体枠（内側全体が窪み）
outset
立体枠（内側全体が隆起）```

また、border-radiusで角を丸くできます。下記のようにかけます。

例
border-radius: 5px;

##letter-spacingプロパティ
文字の間隔を設定できる
例
letter-spacing: 1px

##displayプロパティ

displyプロパティは解釈が難しいので表で表示します。

```inline・・・インラインボックスを生成する
block・・・ブロックボックスを生成する
inline-block・・・表示はインラインボックスだが、ブロックボックスのように高さや横幅、margin、paddingを指定できる。
table・・・table要素のような表示になる
table-cell・・・td要素のような表示になる