htmlのテーブルの列で数値をインクリメントして設定する
目次 01. 目的 02. コード 目的 htmlのテーブルの列で数値をインクリメントして設定する 上記図では、Noの列の数値は、JavaScriptでインクリメントしてセットしています。 コード < […]
カテゴリー：HTML / CSS
htmlのテーブルでスマホでみたとき画面右にでないようにする
目次 01. 目的 02. コード 目的 htmlのテーブルでスマホのように画面の横幅が狭くてテーブルが右にはみでるときに、スクロールが表示されるようにする 上記図のようにテーブルの下にスクロールバーが表示 […]
CSSとjs idに数値を指定する場合(エスケープ)
目次 01. 目的 02. 数値のidをcssから指定する 03. 数値のidをjs(jQUery)から指定する 目的 １．htmlにある数値のidをcssからエスケープを使用して指定します。 ２．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とは 画面内に窓を作 […]