CSS

構文
要素 :not()
説明
:not() 疑似クラス は、列挙されたセレクターに一致しない要素を表します。
CSSコード

.cft { text-shadow: 3px 3px 4px gol ...

CSS

説明
:visited
CSS の擬似クラスで、ユーザーがすでに訪問したリンクを表します。
使用例

<style>a:visited { background-color: green; bo ...

CSS

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

CSS

説明
:activeで要素をクリックなどでアクティブにしたときにCSSを適用します。

CSSコード
#cft:active { background: yellow; }/* IDセレクタcft:activ ...

CSS

書式
outline-color: color

属性値　color
線の色を指定します。

サンプル
<a href=”xxx” style=”o ...

CSS

1.page-break-after
印刷時に要素の直後で改ページします。

書式
page-break-after: mode
mode: auto always avoid left right ...

CSS

構文
/* キーワード値 */
word-spacing: normal;

/* <length> */
word-spacing: 5px;
word-spacing: 0.5 ...

CSS

構文
/* キーワード値 */
letter-spacing: normal;

/* <length> 値 */
etter-spacing: 0.5em;
letter-spa ...

CSS

書式
要素名

CSSコード

input{ display: block; padding: 7px;}input{ text-align:center;}

htmlコード
<div>& ...

CSS

説明
カスタムデータ属性　任意のhtmlの要素に接頭語「data-」で始まる属性値を付与する

1.複数の属性の定義

<style>div { background-color:LightSkyBl ...

CSS

1.説明
disc –黒い丸
circle–白い丸
square–黒い四角

2.CSSコード
#cftA{list-style-type:disc;} ...

CSS

構文
:nth-child(2n)
:nth-child(even)

CSSコード

table{border-collapse:collapse}td{border:2px solid #000000 ...

CSS

構文
:nth-child(2n+1)
:nth-child(odd)

CSSコード

table{width:100px}td{border:1px solid #000000;}tr:nth-chi ...

CSS

書式
<textarea rows=”xxx” cols=”xxx” wrap=”soft/hard”></textarea>

CSS

normal
文字が表示域を超える時、改行せずに表示します。

break-word
文字が表示域を超える時、単語の途中で改行します。

サンプルコード
#cftA{overflow-wra ...

CSS

サンプルコード
CSS定義
#cft1 {white-space: normal;}
#cft2 {white-space: nowrap;}
#cft3 {white-space: pre;} ...

CSS

書式
font-weight：(normal,bold,lighter,bolder)

使用例

<style> .cftA {/* 標準 */font-weight: normal; }/* 太字 ...

CSS

構文
td bgcolor=”色” align=”位置” class=”クラス名”
使用例

<style>.tablehead{ ...