CSS3 rotation-pointプロパティ


例

h1 要素を 180 度回転します（上から下へ）：<p>

h1 { rotation-point:50% 50%; rotation:180deg; }

試してみる »

ブラウザのサポート

Internet ExplorerFirefoxOperaGoogle ChromeSafari

現在、rotation-point プロパティをサポートしているブラウザはありません。

プロパティの定義と使用説明

rotation-point プロパティは、左上のボーダーエッジからのオフセットポイントを定義する値のペアです。

ヒント：rotation-point プロパティは、rotationプロパティと組み合わせて使用する必要があります。

デフォルト値： 0
継承： no
バージョン： CSS3
JavaScript 構文： object.style.rotation="180deg"

構文

rotation-point: value;

值 説明
left top
left center
left bottom
right top
right center
right bottom
center top
center center
center bottom		 キーワードを1つだけ指定した場合、2番目の値は "center" になります。
x% y% パーセンテージ値は、ボーダーボックスの幅と高さを基準にします。
その他の拡張