スタート!CSS入門

行揃え

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

ぜひご覧ください。

無料で視聴する すべての加入プランを見る
または
テキストの行揃えを指定するには、text-alignプロパティを使います。ここでは、text-alignプロパティの使い方について紹介します。
講師:
02:24

字幕

text の行揃えを指定するにはtext-align を使います。このレッスンでは text-alignプロパティについて紹介します。text-align に使える値はプロパティは leftright center justifyそれぞれのキーワードです。left right center はそれぞれ左右中央にtext の行揃えを行います。justify は最終行以外の両端を揃えることができますが日本語と半角英数が混ざった文章においては1部のウェブブラウザで動作しないためあまり使われません。そのほかの仕様は御覧の表の通りです。では、実際に CSS を書いてみましょう。編集画面とウェブブラウザを開きます。ここでは h1 要素冒頭の見出し部分を中央揃えにするよう CSS を書いてみます。h1 要素にたいしてtext-align プロパティを使います。これに対して中央揃えセンターですね。center と入力します。ウェブブラウザを見ると h1 要素が中央揃えになってることが確認できます。右揃えの right も試してみましょう。ライトに書き換えると h1 要素が右に揃えられてることがわかります。 なお tecxt-align プロパティはあくまで要素に含まれるtext の行揃えを行うためのプロパティです。要素自体を centering したい場合など要素の横方向の位置を変更したい場合はマージンなどのプロパティを使います。このレッスンでは text の行揃えを指定するtext-align プロパティの使い方について学びました。

スタート!CSS入門

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

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

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

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

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