CSS

書式
overflow : 値
scrollは表示領域を超えた分は、スクロールで表示します。日本語は改行されます。内容は、必要に応じてパディングボックスに合わせて切り取られます。
使用例

<!DOC ...

CSS

書式
letter-spacing : 値
数値 + 単位
文字の間隔に数値+単位のスペースを追加します。
letter-spacingは、文字の間隔を指定します。
letter-spacing ...

CSS

書式
word-spacing は CSS のプロパティで、タグや単語の間隔に関する挙動を指定します。
word-spaceing : 値
数値 + 単位
通常の単語の間隔に、指定した数値+単位のスペー ...

CSS

環境
Google Chrome　101.0.4951.54
構文
clear: both;
値
both
要素は先行する左右両方の浮動要素と切り離され、下に移動します。
cle ...

CSS

環境
Google Chrome 100.0.4896.88
Windows10 home 64bit

書式
position : 値
fixed　ウィンドウの表示領域を基準とした配置になり ...

CSS

環境
Google Chrome 100.0.4896.88
Windows10 home 64bit

書式
text-indent: 数値px;
数値+単位 指定した単位で設定します。 マ ...

CSS

環境
Google Chrome 100.0.4896.88
Windows10 home 64bit

書式
text-indent: 数値px;
数値+単位 指定した単位で設定します。 マ ...

CSS

環境
Google Chrome　99.0.4844.51

書式
transition: width 数値1 ease-in数値2;
s:秒
ms:ミリ秒
ease-inを利用して、 ...

CSS

環境
Google Chrome　99.0.4844.51

書式
transform: rotate(数値deg);
rotate関数を使用して要素を回転させます。単位はdegです。

使 ...

CSS

環境
Google Chrome　99.0.4844.51

書式
transform: translate(水平px数値, 垂直px数値);
translateX(数値+単位)とした場合は水平のみの ...

CSS

書式
text-overflow: ellipsis;
text-overflowにellipsisを指定して文末はドット3つ(…)になります。

使用例

<!DOCTYPE html ...

CSS

書式
@media 種類 and (min-widthで幅を指定){処理コード}
@mediaで画面の幅を小さい順に記述します。
スマホやタブレットやPCに応じてCSSを分けて適用させることができます。

CSS

1.円を作成する
書式
border-radius: 50%;
サンプルコード

<style> .cft { border-radius: 50%; background-color: sky ...

CSS

書式
セレクタ名:target{
}
#名称のリンクをクリックすると移動先の要素にCSSを適用します。
使用例

<style> #cftA:target { font-size: 25 ...

CSS

書式
セレクタ名:enabled{
}
:enabledは、disabled属性が指定されていない場合にCSSを適用します。
セレクタ名:disabled{
}
:disabledは、d ...

CSS

書式
セレクタ:checked{
}
ラジオボタンやチェックボックスでチェックされた場合にCSSを適用します。
使用例

<style> input:checked + label { ...

CSS

書式
セレクタ名:lang{
}
指定の言語の要素にCSSを適用します。

使用例

<style> div:lang(ja) { background-color: skyblue; ...

CSS

書式
セレクタ名:focus{
処理コード
}
使用例

<style> .user:focus { background-color: red; }</style>< ...