CSS

説明
column-width は CSS のプロパティで、段組みレイアウトで理想的な段の幅を設定します。コンテナーは column-width の値よりも狭い段がないように、できるだけ多くの段を配置します。
使用例 ...

CSS

説明
column-span は CSS のプロパティで、値に all を設定した場合、段組みレイアウトで要素をすべての段にまたがらせることができます。
使用例

<!DOCTYPE html>< ...

CSS

書式
column-rule は一括指定を行う CSS のプロパティで、段組みレイアウトで段間に引かれる線の太さ、スタイル、色を設定します。
使用例

<!DOCTYPE html><html&g ...

CSS

説明
column-rule-color は CSS のプロパティで、段組みレイアウトで段間に引かれる線の色を設定します。
構文
/* <color> 値 */
column-rule-co ...

CSS

説明
column-rule-width は CSS のプロパティで、段組みレイアウトで段間に引かれる線の太さを設定します。
構文
/* キーワード値 */
column-rule-width: thi ...

CSS

説明
CSS の column-rule-style プロパティは、段組みレイアウトで段の間に引かれる線 (段間罫) のスタイルを設定します。
構文
column-rule-style: none;
c ...

CSS

説明
column-gap は CSS のプロパティで、要素の段または列の間の隙間 (溝) の寸法を設定します。
値
<length>
段間 (列間) の寸法を <length> ...

CSS

説明
CSS の column-count プロパティは、指定された段数で要素のコンテンツを分割します
使用例

<!DOCTYPE html><html><head><m ...

CSS

書式
CSS の animation-name プロパティは、要素に適用される1つまたは複数のアニメーションを設定します。それぞれの名前はアニメーションシーケンスのプロパティ値を定義する @keyframes @-規則を設定し ...

CSS

使用例

<!DOCTYPE html><html><head><meta charset="utf-8"> <title>sample test</title&g ...

CSS

使用例

<!DOCTYPE html><html><head><meta charset="utf-8"> <title>css3 sample</title&g ...

CSS

説明
from アニメーションの開始時点
to アニメーションの終了時点
使用例

@keyframes annotdemo{ from {background: green;} to {backgroun ...

React.js

使用例

<!DOCTYPE html><html><head><meta charset="UTF-8"/><title>Reactのサンプル</title> ...

React.js

書式
class クラス名 extends React.Component
使用例

<!DOCTYPE html><html><head><meta charset="U ...

React.js

説明
componentWillUnmount() は、コンポーネントがアンマウントされて破棄される直前に呼び出されます。
componentDidMount() で作成された購読の解除など、このメソッドで必要なクリー ...

React.js

書式
constructor(props) {
super(props);
this.state = {date: new Date()};
}
使用例

<!DOCTYPE html ...

React.js

説明
toLocaleTimeString() メソッドは、この Date オブジェクトの「時刻」部を表す言語に依存した文字列を返します。
使用例

<!DOCTYPE html><html> ...

React.js

ReactDOM.render()の説明
第2引数で指定した DOM 要素に対して、第1引数で指定したコンポーネントを割り当てます
使用例

<html><head><meta cha ...