Tipe data CSS <angle> mewakili dimensi sudut atau sudut.
Ini terdiri dari <nomor> diikuti oleh unit sudut (deg, rad, grad, turn). Jumlahnya segera diikuti oleh unit, mis. Tidak ada ruang putih yang diizinkan di antara mereka, dan unit panjangnya tidak peka huruf besar-kecil.
Sudut digunakan untuk mewakili dimensi lingkaran. Setiap nilai sudut dapat diwakili pada lingkaran dengan “irisan” dari lingkaran itu.
Sudut bisa positif atau negatif tergantung pada arah rotasi pada lingkaran. Di CSS, lingkaran mirip dengan jam: jika kalian bergerak searah jarum jam, sudut memiliki nilai positif, dan jika Kalian bergerak berlawanan arah jarum jam, nilainya negatif.
Banyak properti CSS mengambil nilai <angle> seperti properti transformasi CSS, di mana nilai sudut dapat menentukan jumlah dimana elemen diputar. Misalnya, ubah: rotate (30deg). Kalian dapat membaca lebih lanjut tentang mengubah elemen dalam entri transformasi.
Trivia & Catatan
Dengan empat unit sudut CSS yang mungkin, mungkin terlintas dalam pikiran seseorang bahwa mungkin beberapa unit khusus untuk properti tertentu, tetapi tidak. Unit tidak ada hubungannya dengan properti; nilai sudut apa pun yang dapat dinyatakan dalam derajat, misalnya, juga dapat dinyatakan dalam radian, gradian, atau belokan.
Tidak ada batasan unit mana yang bisa digunakan. Jika properti menerima nilai dalam deg, ia juga menerima nilai dalam radian atau belokan.
Penjelasan Value:
- deg: deg mewakili sudut dalam derajat. Derajat berkisar dari 0 hingga 360 derajat, dengan keduanya sama. Lingkaran penuh adalah 360deg, setengah lingkaran adalah 180deg, dan setengah lingkaran dalam arah berlawanan adalah -180deg. Sudut yang diwakili dalam derajat dapat memiliki nilai antara 0 dan 360. Misalnya: 30deg, 45deg, -135deg.
- grad: grad mewakili sudut pada gradian. Gradian berkisar dari 0 hingga 400grad, dengan keduanya sama. Lingkaran penuh adalah 400grad, setengah lingkaran adalah 200grad, dan setengah lingkaran dalam arah berlawanan adalah -200grad. Sudut yang diwakili dalam lulusan dapat memiliki nilai antara 0 dan 400. Misalnya: 100grad (seperempat lingkaran), 150grad, -300grad.
- rad: rad mewakili sudut dalam radian. Radian berkisar dari 0 hingga 2 πrad, dengan keduanya sama. Sudut 1 radian pada keliling lingkaran menciptakan busur dengan panjang yang sama dengan jari-jari lingkaran. Lingkaran penuh adalah 2πrad, setengah lingkaran adalah πrad, dan setengah lingkaran ke arah berlawanan adalah -πrad. Sudut yang direpresentasikan dalam radian dapat memiliki nilai antara 0 dan 2π. Satu radian kira-kira sama dengan 180 / π derajat, atau 57.2958 derajat. Rumus umum untuk mengkonversi dari derajat ke radian adalah dengan hanya mengalikan jumlah derajat dengan π / 180. Rumus umum untuk mengkonversi dari radian ke derajat untuk hanya mengalikan angka dengan 180 / (π).Contoh untuk menggunakan radian: 0rad, 2.3309rad, 5.93505rad.
- turn: gilirannya mewakili sudut bergantian. Gilirannya baru di CSS3, dan belokan berarti rotasi. Lingkaran penuh adalah 1 putaran. Satu belokan setara dengan 360 derajat, dan 720deg sama dengan 2turn. Sudut yang diwakili pada gilirannya dapat memiliki nilai antara 0 dan 1. Misalnya: 0.3turn, 0.95turn, -0.22turn. Perhatikan bahwa belokan adalah singular, jadi bahkan untuk lebih dari 1 belokan, Kalian masih menulis 2turn dan bukan 2turns.
Contoh:
Gambar berikut menunjukkan posisi beberapa sudut pada lingkaran. Searah jarum jam berarti positif dan berlawanan dengan jarum jam berarti negatif
Browser Support
Seluruh set nilai angle didukung di Chrome, Firefox, IE9 +, dan Safari.
Unit giliran baru di CSS3 dan saat ini hanya didukung di Firefox13 + dan IE9 +.