CSS

書式
style=”xxx”
使用例

<style>#cft{ background-color:SkyBlue;}</style><div id="cft" ...

書式
セレクタ:target {
//some code
}
使用例

<style> #cftA:target { font-size: 18px; background-color: ...

書式
数値 + px
サンプルコード

<style> .cftA { width: 150px; border: 3px solid SkyBlue; } .cftB {/*上 右 下 左を指定*/p ...

構文
max-width: 1.5em;
max-width: 65%;
/* キーワード値 */
max-width: none;
max-width: max-content;
ma ...

構文
border-collapse: collapse;
CSS の border-collapse プロパティは、 <table> の中のセルが境界線を共有するか分離するかを設定します。
col ...

書式
スタイル !important;
使用例

<style>#cft{ background-color:SkyBlue !important;}</style><div id=" ...

書式
min-width: 数値px;
min-width: 数値em;
min-width: パーセント値
min-width: 40ch;
min-width は CSS のプロパティで、要 ...

書式
1.IDセレクタ　#ID名{}
2.クラスセレクタ.classname{}
3.タイプセレクタ　div{}
使用例

<style>#cftA{ color:red; backgr ...

構文
pre-line
連続するホワイトスペースは詰められて 1 つになります。行の折り返しは、改行文字や <br> 要素のあるときか、行ボックスを埋めるのに必要なときに行われます。

使用例 ...

書式
/* <named-color> 値 */
color: red;
/* <hex-color> 値 */
color: #090;
/* <rgb()> ...

構文
break-spaces
改行：そのまま
空白とタブ文字：そのまま
テキストの折り返し:折り返す
行末の空白:折り返す
使用例

<style> .cft { bo ...

書式
数値+%を指定
使用例

<style> .cftA { width: 250px; border: 3px solid SkyBlue; } .cftB {/*上 右 下 左を指定*/paddi ...

構文
nowrap
改行：まとめる
空白とタブ文字：まとめる
テキストの折り返し:折り返さない
行末の空白:除去
normal と同じくホワイトスペースを詰めますが、行の折り返しは行いま ...

書式
タイプセレクタ:not(適用しないセレクタ1):not(適用しないセレクタ2)
使用例

<style>/*セレクタ:not(適用しないセレクタ)*/div:not(.tB):not(.tD) { ...

書式
上側の幅　padding-top
右側の幅　padding-right
下側の幅　padding-bottom
左側の幅　padding-left
使用例

<style> ...

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

<style>/*セレクタ1 セレクタ2*/.cftA .ka{ color:SkyBlue;}</style><div class="cftA ...

書式
transform: skew(横数値, 縦数値);
skew関数を使用して要素に傾斜を付けます。
skewX(数値+単位)とした場合は水平のみの傾斜になります。
skewY(数値+単位)とした場 ...

説明
CSS の clear プロパティは、要素が先行する浮動要素の下に移動 (clear) する必要があるかどうかを設定します。
clear プロパティは、浮動要素と非浮動要素のどちらにも適用されます。
cl ...