CSSとjs idに数値を指定する場合(エスケープ)

目次 01. 目的 02. 数値のidをcssから指定する 03. 数値のidをjs(jQUery)から指定する 目的 1.htmlにある数値のidをcssからエスケープを使用して指定します。 2.htmlにある数値のi […]

CSS font-size 文字の大きさを変更する

目次 01. font-size ・font-sizeとは 02. 使用例 ・文字の大きさを変更する(px) ・文字の大きさを変更する(em) ・文字の大きさを変更する(rem) ・継承で文字の大きさを指定する font […]

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とは 画面内に窓を作 […]