文字装飾
文字装飾用のプロパティがいくつかあるのですが、その中でちょこちょこと使ってるを…。border: --px #______ --;
一番使ってるのは恐らくこれかと…。サイト内を見てもらえれば分かりますが、至るところに枠線があります。
borderプロパティは、
要素名 | 値 |
---|---|
border-style | solid dotted double dashed inset outset groove ridge none hidden |
border-color | #FFFFFF rgb(255, 255, 255) などを記述 |
border-width | 10px, 0.2em, 10ptなど |
これら3つの要素に使用できる値を、半角スペース区切りで一気に指定することができます。
また、この場合は枠の上下左右に同じ設定が適用されますが、
そこの「border: --px #______ --;」見出し文字のように、一部にだけ適用させたい場合などは
プロパティ | |
---|---|
border-top | 枠線の上部に設定。 |
border-bottom | 枠線の下部に設定。 |
border-left | 枠線の左部に設定 |
border-right | 枠線の右部に設定 |
text-decoration: --;
文字装飾用のプロパティ。要素名 | 値 |
---|---|
underline | テキストに下線を付けます <u>タグと同等。 |
overline | テキストに上線を付けます |
blink | テキストを点滅させます どうやらIEにはサポートされていないもよう… |
line-through | テキストに打ち消し線を付けます <s>タグと同等。 |
letter-spacing: --;
字間を設定します。ちなみに、3pxの字間はこんな感じです。
word-spacing: --;
単語同士の間を設定します。多分半角のみ?font-weight: bold;
値がboldで固定しちゃってますが、本当はまだあります。単に管理人がこれしか使った事無いだけ…。
ちなみに文字を太字にします。
line-height: --;
行間を設定します。ちなみに、当サイトの文章は行間120%で設定されています。