「CSS」clear:bothで回り込みを解除する
説明
clear は CSS のプロパティで、要素をその前にある浮動要素の下に移動 (clear) する必要があるかどうかを設定します。
both
要素は先行する左右両方の浮動要素と切り離され、下に移動します。 ...
「CSS」overflowプロパティのscroll属性でスクロールを表示するサンプル
環境
Google Chrome 103.0.5060.114
Windows 10 Home 64bit
構文
overflow: scroll
表示領域を超えた分は、スクロールで表示しま ...
「CSS」overflowプロパティauto属性でブラウザによる設定サンプル
環境
Google Chrome 103.0.5060.114Windows 10 Home 64bit構文
overflow auto
ユーザーエージェントに依存します。内容がパディングボックス内に収まる ...
「CSS」overflowプロパティのhidden属性で超える内容は表示しない
環境
Google Chrome 103.0.5060.114
構文
overflow:hidden
内容は、必要に応じてパディングボックスに合わせて切り取られます。
使用例
< ...「CSS」floatプロパティのサンプル
環境
Google Chrome 103.0.5060.66(Official Build)
構文
float: left/right;
floatプロパティは、指定した対象を左に寄せます。
「CSS」インライン要素とブロックレベル要素を使うサンプル
環境
Google Chrome 103.0.5060.66(Official Build)
構文
1.margin上下左右効きます。
2.display:inline-blockと指定するとinl ...
「CSS」display:blockで縦に並べるサンプル
環境
Google Chrome 103.0.5060.66(Official Build)
構文
display: block;
blockでブロック要素を縦に並べます。
使用例 ...
「CSS」inline-blockで横に並べるサンプル
環境
Google Chrome 103.0.5060.66(Official Build)
構文
display: inline-block;
inline-blockは、inlineのように横に ...
「CSS」ブロックレベルのインライン要素のサンプル
環境
Google Chrome 103.0.5060.66(Official Build)
構文
主なインライン要素 span,a,img,input
インライン要素を続けて記述した場合、画面上は ...
「CSS」list-itemでマーカー用のボックスを表示する
環境
Google Chrome 103.0.5060.66(Official Build)
構文
display: list-item;
「CSS」paddingを個別に指定するサンプル
環境
Google Chrome 103.0.5060.66(Official Build)
構文
1.padding-top
値 paddingを上に指定します
2.padding-r ...
「CSS」四方向にぼやかした影を付けるサンプル
環境
Google Chrome 103.0.5060.53(Official Build)
構文
box-shadow: offset-x offset-y blur-radius color ;
「CSS」word-wrapで英文字を単語の途中で改行させる方法
環境
Google Chrome 103.0.5060.53(Official Build)
構文
1.word-wrap:break-word;
「CSS」box-shadowプロパティでぼやかした影を付ける
説明
box-shadow は CSS のプロパティで、要素のフレームの周囲にシャドウ効果を追加します。カンマで区切ることで、複数の効果を設定することができます。
構文
box-shadow: offset ...
「CSS」box-shadowで直線の影を付けるサンプル
説明
box-shadow は CSS のプロパティで、要素のフレームの周囲にシャドウ効果を追加します。カンマで区切ることで、複数の効果を設定することができます。
構文
box-shadow: offset ...
「CSS」text-indentを使って1行目のインデントを指定する
環境
Google Chrome 103.0.5060.53(Official Build)
構文
text-indent: 値
数値: px(ピクセル)やemなどの単位で指定します。
%: ...
「CSS」list-style-typeでリストマーカーのスタイルを指定する
構文
list-style-type:circle
list-style-type は CSS のプロパティで、リスト項目要素のマーカーを設定します (円、文字、独自のカウンタースタイルなど)。
circle ...
「CSS」transform:scale()でチェックボックスのサイズを変更する
書式
scale(sx)
scale() は CSS の関数で、二次元平面上における拡縮する変形を定義します。
transform:scale() の引数に倍率を指定します。
値sx
変倍ベクト ...