「JavaScript」classListでCSSのクラスを追加/削除するサンプル
書式
1.指定のCSSを削除
const 変数名 = document.querySelector(セレクター名);
変数名.classList.remove(CSS名);
2.指定のCSSを追加 ...
「CSS」浮動要素floatプロパティのサンプル
構文
float は CSS のプロパティで、要素を包含ブロックの左右どちらかの側に沿うように設置し、
テキストやインライン要素がその周りを回りこめるように定義します。
float: left;要素は、必ずその ...
「CSS」rgbaを指定し色に透明度を付ける
書式
rgba(赤 , 緑 , 青 , 透明度)
使用例
「CSS」overflow-wrapプロパティ値break-wordの使い方
構文
overflow-wrap は CSS のプロパティで、インライン要素に対して、テキストが行ボックスをあふれないように、
ブラウザーが不可分の文字列の途中で改行を入れるかどうかの設定を適用します。
bre ...
「CSS」separateでテーブルの枠線を離して表示する
構文
border-collapse: separate;
separate
隣接するセルが個別に境界線を持ちます (separated-border 表レンダリングモデル)。
使用例
< ...「Ajax」 readyStateでXMLHttpRequest クライアントの状態を返す
説明
XMLHttpRequest.readyState プロパティは XMLHttpRequest クライアントの状態を返します。
0: リクエストが初期化されない
1: サーバー接続が確立
2: リ ...
「html」テーブルのtr要素、td要素、th要素のcssを適用するサンプル
書式
1.列の見出し
th {xx}
2.行の見出し
th{xx}
3.タイトル
caption{xx}
4.偶数行
tr:nth-child(even){xx} ...
「CSS」text-decoration で文字に線の位置を引くサンプル
書式
text-decoration: xxx
使用例
1.取り消し線line-through
「css」letter-spacingプロパティで文字の間隔を指定する
書式
letter-spacing: 数値 + 単位
使用例
「CSS入門」@font-faceのサンプル
書式
@font-faceはテキストを表示するための独自フォントを指定します。
使用例
「CSS3入門」column-widthプロパティのサンプル
説明
column-width は CSS のプロパティで、段組みレイアウトで理想的な段の幅を設定します。コンテナーは column-width の値よりも狭い段がないように、できるだけ多くの段を配置します。
使用例 ...
「CSS3入門」column-spanプロパティのサンプル
説明
column-span は CSS のプロパティで、値に all を設定した場合、段組みレイアウトで要素をすべての段にまたがらせることができます。
使用例
「CSS3入門」column-ruleのサンプル
書式
column-rule は一括指定を行う CSS のプロパティで、段組みレイアウトで段間に引かれる線の太さ、スタイル、色を設定します。
使用例
「CSS3入門」column-rule-color プロパティのサンプル
説明
column-rule-color は CSS のプロパティで、段組みレイアウトで段間に引かれる線の色を設定します。
構文
/* <color> 値 */
column-rule-co ...
「CSS3」Chrome,Firefox,Safari, Operaでcolumn-rule-widthのサンプル
説明
column-rule-width は CSS のプロパティで、段組みレイアウトで段間に引かれる線の太さを設定します。
構文
/* キーワード値 */
column-rule-width: thi ...
「CSS3」column-rule-style プロパティのサンプル
説明
CSS の column-rule-style プロパティは、段組みレイアウトで段の間に引かれる線 (段間罫) のスタイルを設定します。
構文
column-rule-style: none;
c ...
「CSS3」column-gap プロパティのサンプル
説明
column-gap は CSS のプロパティで、要素の段または列の間の隙間 (溝) の寸法を設定します。
値
<length>
段間 (列間) の寸法を <length> ...
「CSS3入門」column-count プロパティのサンプル
説明
CSS の column-count プロパティは、指定された段数で要素のコンテンツを分割します
使用例