スタート!CSS入門

マーカーの種類

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

ぜひご覧ください。

無料で視聴する すべての加入プランを見る
または
リストの項目には、頭に数字や記号などを表示することができ、これをリストマーカーと呼びます。リストマーカーを指定するには、list-style-typeプロパティを使います。ここでは、list-style-typeプロパティの使い方について紹介します。
講師:
02:08

字幕

リストマーカーの種類を指定するにはlist-style-type プロパティを使います。このレッスンでは list-style-typeプロパティの使い方について紹介します。list-style-type プロパティに使える値はご覧の各キーワードです。キーワードによってマーカーが丸、四角、連番、アルファベットなどに指定できます。CSS のバージョンと対応するウェブブラウザによってサポートされるキーワードが異なりますので注意しましょう。その他の仕様はご覧の表の通りです。では実際に CSS を書いてみましょう。編集画面とウェブブラウザを開きます。ここでは ol 要素以下のマーカーをアルファベットの小文字になるようCSS を書いてみます。ウェブブラウザを確認するとol 要素のマーカーは1から9までの数字の連番になっています。この部分を list-style-type プロパティによって変更します。それでは CSS を書いていきましょう。ol 要素に対して list-style-type プロパティを使います。list-style-type プロパティで「 lower-alpha 」アルファベットの小文字を意味するキーワードを入力します。 ウェブブラウザを確認するとol 要素以下のマーカーがアルファベットの小文字になっていることが確認できます。このレッスンではリストマーカーの種類を指定するlist-style-type プロパティの使い方について学びました。

スタート!CSS入門

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

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

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

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

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