「CSS」transform:scale()でラジオボタンのサイズを変更する
書式
scale(sx)
scale() は CSS の関数で、二次元平面上における拡縮する変形を定義します。
transform:scale() の引数に倍率を指定します。
値sx
変倍ベクト ...
「CSS」overflowの値scrollを指定してスクロールバーを表示する
環境
Google Chrome 102.0.5005.115
構文
overflow:scroll;
表示する文字に係らず常にスクロールバーを表示します。
使用例
<!DOCT ...「CSS」progress要素でタスクの進捗状況を表示する
環境
Google Chrome 102.0.5005.115
属性
<progress id=”file” max=”100″ value=̶ ...
「CSS」clipで文章を途中で終了させるサンプル
環境
Google Chrome 102.0.5005.115
構文
text-overflow : 値
clipは文章は途中で終了します。テーブルの列幅をはみ出しません。
無い場合、文字は横に ...
「CSS」nowrapでブロックレベル要素が改行されない
環境
Google Chrome 102.0.5005.115
構文
white-space は CSS のプロパティで、要素内のホワイトスペースをどのように扱うかを設定します。
nowrap ...
「CSS」text-shadowで影の色を指定するサンプル
環境
Google Chrome 102.0.5005.115
構文
text-shadow は CSS のプロパティで、テキストに影を追加します。
文字列およびその装飾 (decoration) ...
「CSS」border-collapse テーブルの枠線を重ねるサンプル
環境
Google Chrome 102.0.5005.115
構文
border-collapse : 値
collapseはテーブルの枠線(ボーダー)を重ねて表示します。
border-co ...
「CSS」nth-of-type指定した行にCSSを適用する
環境
Google Chrome 102.0.5005.63
Windows 10 64bit
書式
tr:nth-of-type(数字){属性:値}
nth-of-typeを利用して、指定 ...
「CSS」nth-childで指定した行にCSSを適用する
環境
Google Chrome 102.0.5005.63
Windows 10 64bit
書式
tr:nth-child(数字){属性:値}
nth-childを利用して、指定した行の ...
「CSS」nth-childで偶数の行にCSSを適用するサンプル
環境
Google Chrome 102.0.5005.63
Windows 10 64bit
書式
tr:nth-child(2n){属性:値}
nth-childを利用して、偶数の行にC ...
「CSS」nth-childで奇数の行にCSSを適用する
環境
Google Chrome 102.0.5005.63
Windows 10 64bit
書式
tr:nth-child(2n + 1 ){属性:値}
nth-childを利用して、奇 ...
「CSS」背景画像と背景色を指定するサンプル
書式
背景画像を指定
background:url(‘画像パス’);
background-color:色
CSS の background-color プロパティは、要素の背景 ...
「CSS」text-decoration 文字に取り消し線(line-through)を引くサンプル
書式
text-decoration : line-through
line-through 取り消し線を引きます。
text-decorationは、文字に線を引きます。
使用例
<! ...「CSS」font-styleプロパティの通常体 (normal)のサンプル
書式
font-style : 値
normal 通常のフォントです。
「CSS」word-breakプロパティkeep-allで単語の途中で改行しないサンプル
書式
word-break : 値
keep-all
日本語、英字ともに単語の途中で改行しません。
CJK (中国語、台湾語、日本語、韓国語)テキストの改行を許可しません。 CJK 以外のテキストについ ...
「CSS」text-decorationプロパティの波状の線(wavy)サンプル
書式
text-decoration : 線の位置 線の種類 線の色
underline 下線を引きます。
wavy 波状の線
線の色 色を指定します。
text-decorationは、文字に ...
「CSS」break-allで単語の途中改行するサンプル
書式
word-break : 値
break-all
CJK (中国語、台湾語、日本語、韓国語) 以外のテキストにおいて、単語中などでの文字の改行に関する禁則処理を解除し、
どの文字の間でも改行するよ ...
「CSS」letter-spacingで文字の間隔が標準を指定するサンプル
書式
letter-spacing: normal;/* 標準の間隔 */
現在のフォントでの通常の字間になります。 0 の値とは異なり、
この値はユーザーエージェントが文字列を両端揃えするために字間を変えるこ ...