CSS white-space 改行するしない/空白まとめる
目次 ・white-spaceとは ・空白がまとまる＋改行される (normal) ・空白がまとまる＋改行されない (nowrap) ・空白がまとまらない＋改行されない (pre) ・空白がまとまらない＋改行される (p […]
カテゴリー：HTML / CSS
CSS height 高さを指定するサンプル
目次 ・heightとは ・数値+pxを指定 ・数値+%を指定 ・autoを指定 ・テーブルのtdの高さが変わらない(小さくならない)場合 heightとは heightは高さを表します。 height : 値 値は以下 […]
HTML 入力項目のチェックを行う
目次 サンプル テキストボックスで必須チェックを行う(required) チェックの成否に応じてCSSで反映させる(validとinvalid) 数値入力欄で数値の上限と下限のチェックを行う( […]
CSSの書き方とコメント
目次 ・CSSの書き方 ・セレクタに対してプロパティが複数の例 ・CSSを記述する場所 ・CSSのコメントの書き方 CSSの書き方 CSSは、HTMLで作った文字やレイアウトの見た目を整えてくれる言語です。 １．CSSは […]
CSS 複数のセレクタを指定する/絞り込むサンプル
目次 ・複数のセレクタを対象にする(セレクタをカンマ区切り) ・階層構造の対象を絞り込む(セレクタの区切り文字が空白) ・対象を絞り込む(セレクタの区切り文字なし) ・テーブルのセル(td)内の文字を中央寄せにする ・複 […]
HTML caption テーブルのタイトルを指定する
HTMLのcaption要素で、テーブルのタイトルを指定するサンプルです。 目次 サンプル caption要素 表にタイトルを表示する 表のタイトルを左寄せにする caption要素 < table& […]
CSS word-break 単語の改行方法を指定
目次 ・word-breakとは(単語の改行方法を操作する) ・値：normal ・normalで日本語の場合、単語の途中でも改行する ・normalで英字の場合、単語の途中でも改行しない ・値：break-all ・単 […]
CSS pxとemとremの違い(長さの単位)
目次 01. px ・ディスプレイの1ピクセルを1とする(px) 02. em ・要素にあるfont-sizeの値を1とする(em) 03. px ・ルート要素のfont-sizeの値を1とする(rem) ディスプレイの […]