スタート!CSS入門

装飾

全334コースを10日間無料で

ぜひご覧ください。

無料で視聴する すべての加入プランを見る
または
下線や打ち消し線など、テキストの装飾を指定するには、text-decorationプロパティを使います。ここでは、text-decorationプロパティの使い方について紹介します。
講師:
02:39

字幕

下線や打消し線などtext の装飾を指定するにはtext-decoration プロパティを使います。このレッスンでは text-decorationプロパティの使いかたについて紹介します。text-decoration プロパティに使える値はnone, underlineoverlineline-through, blink の各キーワードです。none は装飾なしを指します。underline は下線overline は上に線を引きます。line-through は打消し線を引きます。blink は text を点滅するキーワードですが現在はサポートするウェブブラウザがほとんどないためあまり使われません。これらのキーワードは none 以外では半角スペースで区切って複数指定することができます。そのほかの仕様は御覧の表の通りです。では実際に CSS を書いてみましょう。編集画面とウェブブラウザを開きます。ここでは h1 要素冒頭の見出しの要素に対して下線を引くようCSS を書いてみます。h1 要素に対して text-decorationプロパティを使って下線をひくように設定します。下線の値は underline です。 ウェブブラウザを見ると h1 要素に下線が引かれてることが確認できます。なお text-decoration プロパティで追加される線の色は文字色を指定する color プロパティによって決められます。先ほどのルールセットに color プロパティを追加してみましょう。color プロパティで文字色を赤に指定します。結果は御覧の通りです。文字色と線の色が赤に設定されました。このレッスンでは下線や打消し線などtext の装飾を指定するtext-decoration プロパティの使いかたについて学びました。

スタート!CSS入門

CSSはWebページに視覚的な表現、つまりスタイルを与えるための言語です。HTMLと組み合わせることで、より自由なデザインをウェブ上で実現できます。このコースでは初めてCSSに触れる方でも体系的な理解が得られるように、Web標準としての仕様の成り立ちからさまざまな文法、ボックスモデルなどの基本概念まで幅広い内容を解説します。

5時間21分 (71 ビデオ)
現在、カスタマーレビューはありません…
 
ソフトウェア・トピック
価格: 3,990
発売日:2014年11月25日

このコースは、「オンデマンド」でご利用可能であり、ダウンロードすることもオンラインで見ることもできます。

ダウンロードすると、オフラインでコースを使用し、豊富なインターフェースをフルに活用できます。複数のデバイスを使用したり、 一度に全コースをダウンロードしたくない場合は、アカントにログインして、ストリーミング・ビデオとしてコースのレッスンを視聴してください。

ビデオトレーニングをお楽しみいただけますように! お問い合わせは、cs-jp@lynda.com宛までご連絡ください。