ホーム HTML CSS XML JAVASCRIPT   PHP SQL MORE...   リファレンス 事例集    

CSS3 rotation-point プロパティ

CSS3 Reference 完全な CSS3 リファレンス

Rotate h1 elements 180 degrees (upside down):

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

Try it yourself »

ブラウザ・サポート

Internet Explorer Firefox Opera Google Chrome Safari

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


定義と用法

rotation-point property is a pair of values that defines a point as an offset from the top left border edge.

チップ: The rotation-point property is used in conjunction with the rotation property.

デフォルト値: 50% 50%
継承: no
バージョン: CSS3
JavaScript構文: object.style.rotationPoint="25% 25%"


構文

rotation-point: value;

説明
left top
left center
left bottom
right top
right center
right bottom
center top
center center
center bottom
If you only specify one keyword, the second value will be "center"
x% y% Percentages refer to the width and height of the border box


CSS3 Reference 完全な CSS3 リファレンス