CSS table-layout テーブル列幅の設定を指定

目次 サンプル table-layout テーブルのセル内に入力された文字が全て表示 (auto)   テーブルの列幅が均等 (fixed) table-layout table-layoutは、テーブル列幅の […]

CSS display flexで要素を横に並べる

CSSのdisplayのflexで要素を横に並べるサンプルです。flexは曲げるという意味です。 目次 サンプル 横に並べる+折り返さない(flex+nowrap)   横に並べる+折り返す(flex+wrap […]

CSS white-space 改行するしない/空白まとめる

目次 01. white-space ・white-spaceとは 02. 使用例 ・空白がまとまる+改行される (normal) ・空白がまとまる+改行されない (nowrap) ・空白がまとまらない+改行されない ( […]

CSS height 高さを指定するサンプル

目次 01. height ・heightとは 02. サンプル ・数値+pxを指定 ・数値+%を指定 ・autoを指定 03. 対応 ・テーブルのtdの高さが変わらない(小さくならない)場合 heightとは heig […]

HTML 入力項目のチェックを行う

目次 サンプル テキストボックスで必須チェックを行う(required)   チェックの成否に応じてCSSで反映させる(validとinvalid)   数値入力欄で数値の上限と下限のチェックを行う( […]

CSSの書き方/コメントとセレクタ

目次 01. CSSの書き方 ・CSSのサンプルと構造 ・セレクタに対してプロパティが複数の例 ・CSSのコメントの書き方 ・CSSを記述する場所 02. セレクタ ・IDセレクタとクラスセレクタ ・IDセレクタとクラス […]

CSS 複数のセレクタを指定する/絞り込むサンプル

CSSの複数のセレクタを指定するサンプルと絞り込むサンプルです。 目次 サンプル 複数のセレクタを対象にする(セレクタをカンマ区切り)   階層構造の対象を絞り込む(セレクタの区切り文字が空白)   […]

HTML caption テーブルのタイトルを指定する

HTMLのcaption要素で、テーブルのタイトルを指定するサンプルです。 目次 サンプル caption要素 表にタイトルを表示する   表のタイトルを左寄せにする caption要素 < table& […]