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の書き方 CSSは「どれに」「何を」「どうする」を書きます。 セレクタ（どれに）:スタイルを適用する対象（例：h1、 […]
CSS 複数のセレクタを指定する/絞り込むサンプル
目次 ・複数のセレクタを対象にする(セレクタをカンマ区切り) ・階層構造の対象を絞り込む(セレクタの区切り文字が空白) ・対象を絞り込む(セレクタの区切り文字なし) ・テーブルのセル(td)内の文字を中央寄せにする ・複 […]
HTML caption テーブルのタイトルを指定する
HTMLのcaption要素で、テーブルのタイトルを指定するサンプルです。 目次 サンプル caption要素 表にタイトルを表示する 表のタイトルを左寄せにする caption要素 < table& […]
CSS word-break 単語の改行方法を指定
目次 ・word-breakとは(単語の改行方法を操作する) ・値：normal ・normalで日本語の場合、単語の途中でも改行する ・normalで英字の場合、単語の途中でも改行しない ・値：break-all ・単 […]
CSS 長さの単位(px/em/rem/%/vw/vh)
目次 ・長さの単位の違いのまとめ ・px(ピクセル) ・em(エム) ・rem(レム) ・%(パーセント) ・vw(ブイダブリュ) ・vh(ブイエイチ) 長さの単位の違いのまとめ 単位 基準 特徴 px 画面のドット 固 […]