CSS

説明
:hover は CSS の 擬似クラスで、ユーザーがポインティングデバイスで要素に反応したものの、アクティブ化する必要がないものを選択します。

書式
セレクタ:hover{cssコード} ...

書式
text-decoration-style: wavy;

使用例

<style>/*CSSの定義*/.cft { text-decoration-line: underline; text- ...

書式
background: url(./img/xxx) repeat-y;
使用例

<style> .cft { background: url(./img/test.png) repeat-y; ...

書式
background: url(./img/xxx.png) repeat-x;
使用例

<style> .cft { background: url(./img/test.png) repea ...

構文
table-layout: fixed
表と列の幅は table 要素と col 要素の幅によって、または最初の行のセルの幅によって設定されます。
後続する行のセルは列幅の設定に影響しません。
使 ...

書式
クラス名　div{
display: inline-block;}
使用例

<style> .cft div { display: inline-block; width: 80px; ...

書式

使用例

<style>/*複数の属性セレクタ(href title)を指定して対象を絞り込む*/a{ background-color: red; border: 1px solid #3

書式
tr:nth-child(n+行目1):nth-child(-n+行目2)

使用例

<style> tr:nth-child(n+2):nth-child(-n+4){ background ...

構文
1.white-space
要素内のホワイトスペースをどのように扱うかを設定します。
値nowrap:行の折り返しは行いません。

2.overflow
要素の内容が多すぎてブロック整形 ...

構文
直前の要素 + 対象の要素 { スタイルプロパティ }
「+」 は2つのセレクターを接続し、同じ親要素の子同士であって、1つ目の要素の直後にある2つ目の要素を選択します。
CSSコード

li:fir ...

1.CSSコード

<style> :enabled { background-color: red } :disabled { background-color: yellow }</style>

2 ...

書式
table-layout: auto;
既定値で、ほとんどのブラウザーが表の自動レイアウトアルゴリズムを使用します。表とセルの幅は中身に合うように調整されます。

使用例

<style> ...

書式
/* 左右の <length> | 上下の <length> */
border-spacing: 値 値;

<length> 値が2つ指定された場合は、最初の値が ...

書式
/* <length> */
border-spacing: 値;

<length> 値が1つ指定された場合は、セル間の左右方向と上下方向の両方の間隔を定義します。 ...

書式
table {background :xxx}
td {background:xxx}
使用例

<style>table { border-collapse: separate; bor ...

書式
position: fixed
要素は文書の通常のフローから除外され、ページレイアウト内に要素のための空間が作成されません。
この値は、常に新しい重ね合わせコンテキストを作成します。印刷文書の場合、要素は ...

1.CSSコード

<style> .cftA { background-color: blue; }</style>

2.htmlコード

<div class="ma"> AA　11 ...

書式
margin-right: inherit
使用例

<style> .cftA { border: dashed 4px green; } .cftB { margin-right: 10px; ...