Daftar tabel berikut properti AS dalam UI(User Interface) Memungkinkan pengguna untuk berinteraksi dengan aplikasi Anda. Unity saat ini mendukung tiga sistem UI. More info
Lihat di Glossary Toolkit.
Tabel menunjukkan sifat mana yang diwariskan dan animatability mereka. Untuk properti yang mewarisi, elemen mendapat nilai dari unsur induknya jika Anda tidak menentukan nilainya. Contoh berikut menggunakan properti yang mewarisi untuk mengatur font untuk semua elemen.
:root {
-unity-font: resource("Font/consola.ttf");
}
Klik nama properti untuk melihat informasi rinci tentang properti itu.
Note: Penggunaan properti AS yang sama dengan tautan properti CSS ke dokumentasi pengembang Mozilla.
| Property | Inherited | Animatability | Description |
|---|---|---|---|
align-content |
No | Discrete | Alignment dari seluruh area anak-anak pada sumbu silang jika mereka melewati beberapa garis dalam wadah ini. |
align-items |
No | Discrete | Pengapian anak-anak pada sumbu salib wadah ini. |
align-self |
No | Discrete | Mirip dengan align-items, tetapi hanya untuk elemen khusus ini. |
all |
No | Fully animatable | Memungkinkan mengatur ulang semua properti dengan kata kunci awal. Tidak berlaku untuk properti ASS kustom. |
background-color |
No | Fully animatable | Warna latar belakang untuk melukis di kotak elemen. |
background-image |
No | Discrete | Gambar latar belakang untuk melukis di kotak elemen. |
border-bottom-color |
No | Fully animatable | Warna perbatasan bagian bawah elemen. |
border-bottom-left-radius |
No | Fully animatable | Jari-jari sudut kiri bawah ketika persegi panjang bulat ditarik dalam kotak elemen. |
border-bottom-right-radius |
No | Fully animatable | Jari-jari sudut kanan bawah ketika persegi panjang bulat ditarik dalam kotak elemen. |
border-bottom-width |
No | Fully animatable | Ruang yang disediakan untuk tepi bawah perbatasan selama fase tata letak. |
border-color |
No | Fully animatable | Shorthand untuk warna-warna perbatasan-top, warna-warna perbatasan-bawah-warna, warna perbatasan-kiri-warna |
border-left-color |
No | Fully animatable | Warna perbatasan kiri elemen. |
border-left-width |
No | Fully animatable | Ruang yang disediakan untuk tepi kiri perbatasan selama fase tata letak. |
border-radius |
No | Fully animatable | Shorthand untuk perbatasan-top-left-radius, perbatasan-top-right-radius, perbatasan-bottom-right-radius, perbatasan-bottom-left-radius |
border-right-color |
No | Fully animatable | Warna batas kanan elemen. |
border-right-width |
No | Fully animatable | Ruang yang disediakan untuk tepi kanan perbatasan selama fase tata letak. |
border-top-color |
No | Fully animatable | Warna batas atas elemen. |
border-top-left-radius |
No | Fully animatable | Jari-jari sudut kiri atas ketika persegi panjang bulat ditarik dalam kotak elemen. |
border-top-right-radius |
No | Fully animatable | Jari-jari sudut kanan atas ketika persegi panjang bulat ditarik dalam kotak elemen. |
border-top-width |
No | Fully animatable | Ruang yang disediakan untuk tepi atas perbatasan selama fase tata letak. |
border-width |
No | Fully animatable | Shorthand untuk batas-top-lebar, lebar perbatasan-bottom-lebar, lebar perbatasan-kiri |
bottom |
No | Fully animatable | Jarak bawah dari kotak elemen selama tata letak. |
color |
Yes | Fully animatable | Warna untuk digunakan ketika menggambar teks elemen. |
cursor |
No | Non-animatable | Kursor Mouse untuk ditampilkan ketika pointer mouse berada di atas elemen. |
display |
No | Discrete | Tentukan bagaimana elemen ditampilkan dalam tata letak. |
flex |
No | Fully animatable | Shorthand untuk flex-grow, flex-shrink, flex-basis |
flex-basis |
No | Fully animatable | Ukuran utama awal dari item flex, pada sumbu flex utama. Tata letak akhir mungkin lebih kecil atau lebih besar, menurut penyusutan flex dan berkembang ditentukan oleh sifat flex lainnya. |
flex-direction |
No | Discrete | Arah sumbu utama untuk tata letak anak-anak dalam wadah. |
flex-grow |
No | Fully animatable | Tentukan bagaimana item akan menyusut kerabat ke sisa item yang fleksibel di dalam wadah yang sama. |
flex-shrink |
No | Fully animatable | Tentukan bagaimana item akan menyusut kerabat ke sisa item yang fleksibel di dalam wadah yang sama. |
flex-wrap |
No | Discrete | Penempatan anak-anak di beberapa garis jika tidak cukup ruang tersedia dalam wadah ini. |
font-size |
Yes | Fully animatable | Ukuran font untuk menggambar teks elemen. |
height |
No | Fully animatable | Tinggi tetap elemen untuk tata letak. |
justify-content |
No | Discrete | Pembenaran anak-anak pada sumbu utama wadah ini. |
left |
No | Fully animatable | Jarak kiri dari kotak elemen selama tata letak. |
letter-spacing |
Yes | Fully animatable | Meningkatkan atau menurunkan ruang antara karakter. |
margin |
No | Fully animatable | Shorthand for margin-top, margin-right, margin-bottom, margin-left |
margin-bottom |
No | Fully animatable | Ruang yang disediakan untuk tepi bawah margin selama fase tata letak. |
margin-left |
No | Fully animatable | Ruang yang disediakan untuk tepi kiri margin selama fase tata letak. |
margin-right |
No | Fully animatable | Ruang yang disediakan untuk tepi margin yang tepat selama fase tata letak. |
margin-top |
No | Fully animatable | Ruang yang disediakan untuk tepi atas margin selama fase tata letak. |
max-height |
No | Fully animatable | Tinggi maksimum untuk elemen, ketika fleksibel atau mengukur ukurannya sendiri. |
max-width |
No | Fully animatable | Lebar maksimum untuk elemen, ketika fleksibel atau mengukur ukurannya sendiri. |
min-height |
No | Fully animatable | Tinggi minimum untuk elemen, ketika fleksibel atau mengukur ukurannya sendiri. |
min-width |
No | Fully animatable | Lebar minimum untuk elemen, ketika fleksibel atau mengukur ukurannya sendiri. |
opacity |
No | Fully animatable | Tentukan transparansi elemen dan anak-anaknya. |
overflow |
No | Discrete | Bagaimana wadah berperilaku jika kontennya meluap kotaknya sendiri. |
padding |
No | Fully animatable | Shorthand untuk padding-top, padding-right, padding-bottom, padding-left |
padding-bottom |
No | Fully animatable | Ruang yang disediakan untuk tepi bawah padding selama fase tata letak. |
padding-left |
No | Fully animatable | Ruang yang disediakan untuk tepi kiri padding selama fase tata letak. |
padding-right |
No | Fully animatable | Ruang yang disediakan untuk tepi kanan padding selama fase tata letak. |
padding-top |
No | Fully animatable | Ruang yang disediakan untuk tepi atas padding selama fase tata letak. |
position |
No | Discrete | Penempatan elemen dalam wadah induknya. |
right |
No | Fully animatable | Jarak kanan dari kotak elemen selama tata letak. |
rotate |
No | Fully animatable | Sebuah transformasi rotasi. |
scale |
No | Fully animatable | Sebuah transformasi scaling. |
text-overflow |
No | Discrete | Mode overflow teks elemen. |
text-shadow |
Yes | Fully animatable | Drop bayangan teks. |
top |
No | Fully animatable | Jarak atas dari kotak elemen selama tata letak. |
transform-origin |
No | Fully animatable | Asal-usul transformasi adalah titik di mana transformasi diterapkan. |
transition |
No | Non-animatable | Shorthand untuk transisi-delay, transisi-durasi, transition-property, transisi-timing-function |
transition-delay |
No | Non-animatable | Durasi menunggu sebelum memulai efek transisi properti ketika perubahan nilainya. |
transition-duration |
No | Non-animatable | Waktu animasi transisi harus mengambil untuk menyelesaikan. |
transition-property |
No | Non-animatable | Properti dimana efek transisi harus diterapkan. |
transition-timing-function |
No | Non-animatable | Menentukan bagaimana nilai menengah dihitung untuk properti yang dimodifikasi oleh efek transisi. |
translate |
No | Fully animatable | A menerjemahkan transformasi. |
-unity-background-image-tint-color |
No | Fully animatable | Tinting warna untuk latar belakang elemen. |
-unity-background-scale-mode |
No | Discrete | Penskalaan gambar latar belakang di kotak elemen. |
-unity-font |
Yes | Discrete | Font untuk menggambar teks elemen, didefinisikan sebagai objek Font. |
-unity-font-definition |
Yes | Discrete | Font untuk menggambar teks elemen, didefinisikan sebagai struktur FontDefinition. Ini mengambil precedence lebih dari -unity-font. |
-unity-font-style |
Yes | Discrete | Gaya font dan berat (normal, berani, italic) untuk menggambar teks elemen. |
-unity-overflow-clip-box |
No | Discrete | Tentukan kotak yang konten elemen dipetik. |
-unity-paragraph-spacing |
Yes | Fully animatable | Meningkatkan atau menurunkan ruang antara paragraf. |
-unity-slice-bottom |
No | Fully animatable | Ukuran tepi bawah 9-slice ketika melukis gambar latar belakang elemen. |
-unity-slice-left |
No | Fully animatable | Ukuran tepi kiri 9-slice ketika melukis gambar latar belakang elemen. |
-unity-slice-right |
No | Fully animatable | Ukuran tepi kanan 9-slice ketika melukis gambar latar belakang elemen. |
-unity-slice-scale |
No | Fully animatable | Skala diterapkan pada irisan elemen. |
-unity-slice-top |
No | Fully animatable | Ukuran tepi atas 9-slice ketika melukis gambar latar belakang elemen. |
-unity-text-align |
Yes | Discrete | Penyelarasan teks horisontal dan vertikal di kotak elemen. |
-unity-text-outline |
No | Fully animatable | Lebar garis besar dan warna teks. |
-unity-text-outline-color |
Yes | Fully animatable | Warna garis besar teks. |
-unity-text-outline-width |
Yes | Fully animatable | Lebar garis besar teks. |
-unity-text-overflow-position |
No | Discrete | Posisi overflow teks elemen. |
visibility |
Yes | Discrete | Tentukan apakah atau tidak elemen terlihat. |
white-space |
Yes | Discrete | Word membungkus lebih dari beberapa garis jika tidak cukup ruang tersedia untuk menggambar teks elemen. |
width |
No | Fully animatable | Lebar tetap dari elemen untuk tata letak. |
word-spacing |
Yes | Fully animatable | Meningkatkan atau menurunkan ruang antara kata-kata. |