CSS

書式
border-radius : 値(半径を全4角に設定)
border-radius は CSS の プロパティで、要素の境界の外側の角を丸めます。
1つの半径を設定すると円の角になり、2つの半径を設定す ...

書式
margin-top　margin-right
margin-bottom　margin-left
使用例

<style> .ka { border: 2px solid SkyBlue ...

書式
クラス名::first-line
使用例

<style> .cft::first-line { color: skyblue; font-size:20px; }</style>&l ...

書式
list-style-type: lower-roman
使用例

<style>/* 小文字のローマ数字 */.cft { list-style-type: lower-roman; }< ...

書式
セレクタ1 + セレクタ2
使用例

<style>.cft .ta + .tb{ color:SkyBlue;}</style><div class="cft"> < ...

構文
pre-wrap
改行：そのまま
空白とタブ文字：そのまま
テキストの折り返し:折り返す
行末の空白:ぶら下げ
連続するホワイトスペースはそのまま残されます。行の折り返しは、改行文 ...

書式
overflow: auto;
使用例

<style> .cftA,.cftB { border: 1px solid #000; width: 160px; height: 50px; bac ...

書式
overflow: visible

使用例

<style> .cftA,.cftB { border: 1px solid #000; width: 160px; height: 50px; ...

書式
list-style-type: upper-roman;
使用例

<style>/* 大文字のローマ数字 */.cft { list-style-type: upper-roman; }< ...

説明
:checked はラジオボタン、チェックボックス、オプションボタンの
中の要素がチェックされる場合cssを表示します。
htmlコード

<div> <input type="ch ...

構文
pre
改行：そのまま
空白とタブ文字：そのまま
テキストの折り返し:折り返さない
行末の空白:そのまま
連続するホワイトスペースはそのまま残され、行の折り返しは、ソース内の改行文 ...

説明
inactive
初期値が英数字入力
active
初期値が日本語入力
disabled
英数字入力モード

使用例
htmlコード
<input ...

書式
list-style-type: lower-alpha;
使用例

<style>/* 小文字アルファベット */.cft { list-style-type: lower-alpha; }&l ...

説明
CSS の属性セレクター(attr selector)は、指定された属性が存在するかどうかや、
その値に基づいて要素を選択します。

1.
名前attr属性の値がvalue で始まる要素

書式
list-style-type: upper-alpha;
使用例

<style>/* 大文字アルファベット */.cft { list-style-type: upper-alpha; }&l ...

1.CSSコード

<style> .cft:focus { background-color: green; }</style>

2.htmlコード
<input type=” ...

書式
list-style-type: katakana-iroha;

使用例

<style>/* かたかなのイロハ */.cft { list-style-type: katakana-iroh ...

書式
list-style-type: decimal-leading-zero;

使用例

<style>/*10進数の数値の前に0がつく */.cft { list-style-type: de ...