turn

ターン（値）

意味角度の単位（回）

turnとは？

'turn'は、角度を指定する際の単位の一つです。1turnは360度に相当し、円の一周分の回転を表します。度数法の'deg'やラジアンの'rad'と同様に、回転数を指定するのに使われます。

turnの具体的な使い方

要素を半回転させる例

<style>
    .turn-rotate {
        transform: rotate(0.5turn);
        background-color: lightsalmon;
        padding: 20px;
    }
</style>

<div class='turn-rotate'>
    0.5回回転
</div>

要素を半周、つまり180度回転させることを指定しています。

turnに関するよくある質問

Q. turnとdegの違いは？

A. turnは1周を1単位とする角度の指定方法で、1turn = 360度です。degは度数法で、1deg = 1度です。turnはより直感的に回転を表現できます。

Q. turnはどんな時に使う？

A. CSSのtransformプロパティで要素を回転させる際によく使用されます。例えば、rotate(0.5turn)で要素を半回転させることができます。

Q. turnの小数点表記は可能？

A. はい、可能です。例えば、0.25turnは90度、1.5turnは540度を表します。小数点を使うことで、細かい回転角度を指定できます。

CSSのturnについても学べる書籍の紹介

「プログラミング単語帳」を使って、プログラミングの単語を英単語のように学習してみませんか？
プログラミング単語帳には、CSSのturnやunset、transparent、blue、などのような実務でよく使われる単語が数百以上収録されています。
この書籍には、プログラミングの単語の意味や読み方、単語の使い方がわかる例文などが掲載されており、いつでもどこでもプログラミングの学習ができます。

よく使われる単語にだけ絞って学習することができるので、効率的にプログラミングが学習できます。