花の歌奏

みなさま、こんにちはー(*´ω｀*)ﾉ
花です(*´ω｀*)


ちょっと嬉しいことがありました(*´ω｀*)

私のお友達のお友達がお仕事に復帰されたみたいです(*´ω｀*)

しばらく体調不良でお休みされていたそうで、体調を壊される前に実は一度会った事があるはずなんですが覚えてない……。

いや、会った事自体は覚えているんです。

でも、お二人が買い物しているところで、たまたま出会ったという感じで、

「あ、おつかれさまー(*´ω｀*)」

と一言交わしただけだったので、記憶が……(´・ω・｀)

ということで、その方もブログを書いていらっしゃるので、よかったらみなさんもご覧ください(*´ω｀*)

ヒロちゃんののんびり農業日記



さてでは、今回は前回のホームページの作り方 〜応用編26〜の続きとして、text-decorationのお話をしていきたいと思います。




それでは、問題です！

今回は、ホームページなんてまーったく関係のない問題です！

下記の国の名前、みなさん読めますか？


�@阿弗利加　�A亜米利加　�B英吉利　�C伊太利

�D濠太剌利　�E日本　�F伯剌西爾　�G仏蘭西　　


ヒントは、五十音順に並べています(*´ω｀*)

では、正解は最後に(*´ω｀*)ﾉ


さて、ここからが本題です。

前回、text-decoration-lineのお話をしましたが覚えていらっしゃるでしょうか？

今回は、text-decoration-styleのお話をしたいと思います。

text-decoration-styleのプロパティは、前回のお話で出てきた、text-decoration-lineのプロパティの線種を指定するプロパティとなります。

具体的には、以下のような値があります。

solid　 →　実線（初期値）
double　→　二重線
dotted　→　点線
dashed　→　破線
wavy　　→　波線

上記の値を指定すると、text-decoration-lineで指定した線種が指定通りに変わってくれます(*´ω｀*)

では、下線に対して上記の値を指定したものを表示したいと思います。

＜ＨＴＭＬ＞


＜ＣＳＳ＞


＜ブラウザ＞



さて、今回はもう少しだけお話を続けます！

今のところ、text-decoration-lineとtext-decoration-styleのお話をしましたが、このtext-decorationは色を変えることもできます。

色の変え方は、今までcolorやbackground-color、border-colorで色を変えてきたように、基本的には、「#〇〇〇〇〇〇（16進数の６桁）」の書き方で変えます。

この辺りに関して、また説明するほどでもないと思うので、説明は省きますね。


と、こんな感じで、text-decorationは３つに分けて書くことができますが、基本的には、

p {
text-decoration: underline wavy #ff0000;
}

とひとまとめにして書きます。

では、text-decorationについてはこれで終わりにしたいと思います。

ということで、今回はこの辺でー(*´ω｀*)ﾉ

問題の答えは、

�@アフリカ　�Aアメリカ　�Bイギリス　�Cイタリア

�Dオーストラリア　�Eにほん　�Fブラジル　�G　フランス

でした(*´ω｀*)

みなさん、何問正解したでしょうか？(*´ω｀*)

それでは、~~~ヾ(*'▽'*)o マタネー♪