CSS font-size 文字の大きさを変更する
目次 01. font-size ・font-sizeとは 02. 使用例 ・文字の大きさを変更する(px) ・文字の大きさを変更する(em) ・文字の大きさを変更する(rem) ・継承で文字の大きさを指定する font […]
カテゴリー：HTML / CSS
CSSで変数を使うサンプル
CSSで変数を使うサンプルです。 目次 サンプル CSSで変数を使うサンプル 数値の計算も可能 CSSで変数を使うサンプル 変数に値を設定 –変数名: 値 変数の設定は先頭にハイフンを2つ付けます。 変数を使用 var […]
CSS Bootstrap5 モーダルを作成するサンプル
Bootstrap5でモーダルを作成するサンプルです。 目次 Bootstrap5のモーダルのサンプル Bootstrap5のモーダルのコード モーダルの大きさを指定 モーダルの色/大きさを指定 Bootstrap5のモ […]
CSS Bootstrap 使い方のサンプル
Bootstrapを使用するサンプルです。Bootstrapは、CSSのフレームワークです。 目次 Bootstrapを取得する 背景色と文字の色をつける ボタンやドロップダウンリストを使用する Bootstrapのアイ […]
iframeで画面を分割するサンプル
iframeで画面を分割するサンプルです。 目次 サンプル iframeとは iframeのサンプル iframeで制限をコントロールする(sandbox) 子画面から親の画面を操作する iframeとは 画面内に窓を作 […]
CSS background position 画像の配置場所を決める
目次 サンプル background position right bottom(右下)を指定 数値+% 数値+%を指定 数値+単位(px) 数値+単位(px)を指定 background position 背景画像の場 […]
CSSのnotで特定の要素にCSSを適用しない(否定)
cssのnotで特定の要素にCSSを適用しない否定のサンプルです。 特定の要素にCSSを適用しない (not) セレクタ:not(適用しないセレクタ){ } セレクタ:not(適用しないセレクタ):not(適用しないセレ […]
HTML 画像ファイルを表示するサンプル(img)
目次 01. サンプル ・画像ファイルを表示する ・ファイルがない時に文字を表示(alt) ・相対パスまたは絶対パスで開く ・画像のサイズを指定 ・ツールチップをつける(title) 02. 中央寄せ ・画像を中央寄せに […]