cellspacing属性について知ろう
この章ではcellspacing属性について説明します。 cellspacing属性はセル同士の間隔を指定する属性です。 では例をみてみましょう。 セル同士の間隔を設定するためにはtable要素の属性にcellspacingを指定します。 値に”0″を指定するとセル間の間隔は無くなりますが、以下...
Warning: Undefined variable $i in /home/a11926240/programminglanguage7.com/public_html/wp-content/themes/dp-elplano/archive.php on line 142
Warning: Undefined array key "tweets_number_after_title_archive" in /home/a11926240/programminglanguage7.com/public_html/wp-content/themes/dp-elplano/archive.php on line 155
Warning: Undefined array key "tweets_number_after_title_archive" in /home/a11926240/programminglanguage7.com/public_html/wp-content/themes/dp-elplano/archive.php on line 155
セル内にvertical-alignの設定しよう
この章ではテーブルのセル内の文字の縦方向の位置を指定するvertical-alignについて説明します。 vertical-alignはすでに学習済みですが、復習してみましょう。 vertical-alignでは行内のテキストの縦方向の位置を指定できます。 セルの場合は以下の3種類の値を使用します。 では例をみてみまし...
Warning: Undefined array key "tweets_number_after_title_archive" in /home/a11926240/programminglanguage7.com/public_html/wp-content/themes/dp-elplano/archive.php on line 155
セル内にtext-alignの設定しよう
この章ではセルのCSSにtext-alignプロパティを追加してみましょう。 text-alignプロパティは「ブロック要素の中の文字や画像」や「セルの中のインライン要素である文字や画像」を指定した位置に行揃え(水平方向)します。では例をみてみましょう。 結果は以下のようになります。 CSSのthとtdにを設定したこと...
Warning: Undefined array key "tweets_number_after_title_archive" in /home/a11926240/programminglanguage7.com/public_html/wp-content/themes/dp-elplano/archive.php on line 155
セル内でpaddingを設定しよう
この章ではセル内でのpaddingの設定方法について説明します。 paddingはpx,pt,pc,mm,cm,%などの数値で書きます。 では例をみてみましょう。 上の印を付けた箇所がpaddingですが、thとtdに対してpaddingを設定しています。もちろん、印を付けた箇所以外のthとtdにもpaddingが設定...