CSS ブロックレベル要素とインライン要素
CSSのブロックレベル要素とインライン要素の違いです。 目次 サンプル ブロックレベル要素 インライン要素 インライン要素＋ブロックレベル要素 ※html5の定義は廃止されましたが使用できます。 ブロッ […]
カテゴリー：HTML / CSS
HTML audio要素で音声ファイルを再生する
目次 サンプル audio要素で音声を再生する 代替の音声ファイル/文言を指定する 仕様 audio要素 source要素 audio要素で音声を再生する audio要素で音声を再生するサンプ […]
CSS text-overflow 列幅超過時の文末(ドット３つ…)
目次 01. text-overflow ・text-overflowとは 02. 使用例 ・何もしない場合 ・文章を途中で終了させる (clip) ・文末にドット３つ(…)を表示 (ellipsis) text-o […]
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) 数値入力欄で数値の上限と下限のチェックを行う( […]