目次 サンプル table-layout テーブルのセル内に入力された文字が全て表示 (auto) テーブルの列幅が均等 (fixed) table-layout table-layoutは、テーブル列幅の […]
CSSのdisplayのflexで要素を横に並べるサンプルです。flexは曲げるという意味です。 目次 サンプル 横に並べる+折り返さない(flex+nowrap) 横に並べる+折り返す(flex+wrap […]
目次 01. white-space ・white-spaceとは 02. 使用例 ・空白がまとまる+改行される (normal) ・空白がまとまる+改行されない (nowrap) ・空白がまとまらない+改行されない ( […]
目次 01. height ・heightとは 02. サンプル ・数値+pxを指定 ・数値+%を指定 ・autoを指定 03. 対応 ・テーブルのtdの高さが変わらない(小さくならない)場合 heightとは heig […]
目次 サンプル テキストボックスで必須チェックを行う(required) チェックの成否に応じてCSSで反映させる(validとinvalid) 数値入力欄で数値の上限と下限のチェックを行う( […]
目次 01. CSSの書き方 ・CSSのサンプルと構造 ・セレクタに対してプロパティが複数の例 ・CSSのコメントの書き方 ・CSSを記述する場所 02. セレクタ ・IDセレクタとクラスセレクタ ・IDセレクタとクラス […]
CSSの複数のセレクタを指定するサンプルと絞り込むサンプルです。 目次 サンプル 複数のセレクタを対象にする(セレクタをカンマ区切り) 階層構造の対象を絞り込む(セレクタの区切り文字が空白) […]
HTMLのcaption要素で、テーブルのタイトルを指定するサンプルです。 目次 サンプル caption要素 表にタイトルを表示する 表のタイトルを左寄せにする caption要素 < table& […]