Section Artikel
Properti CSS
A
| align-content | Menentukan keselarasan antara garis di dalam wadah fleksibel ketika item tidak menggunakan semua ruang yang tersedia |
| align-items | Menentukan penyelarasan untuk item di dalam konotainer fleksibel |
| align-self | Menentukan penyelarasan untuk item yang dipilih di dalam wadah fleksibel |
| all | Mereset semua properti (kecuali unicode-bidi dan direction) |
| animation | Properti singkatan untuk semua properti animation- * |
| animation-delay | Menentukan penundaan untuk memulai animasi |
| animation-direction | Menentukan apakah animasi harus dimainkan maju, mundur atau dalam siklus alternatif |
| animation-duration | Menentukan lama animasi dalam menyelesaikan satu siklus |
| animation-fill-mode | Menentukan gaya untuk elemen saat animasi tidak diputar (sebelum dimulai, setelah berakhir, atau keduanya) |
| animation-iteration-count | Menentukan berapa kali animasi harus dimainkan |
| animation-name | Menentukan nama untuk animasi @keyframes |
| animation-play-state | Menentukan apakah animasi sedang berjalan atau dijeda |
| animation-timing-function | Menentukan kurva kecepatan animasi |
B
| backface-visibility | Mendefinisikan apakah bagian belakang sebuah elemen harus terlihat atau tidak saat menghadap pengguna |
| background | Properti singkatan untuk semua properti background- * |
| background-attachment | Menyetel apakah gambar latar belakang bergulir dengan sisa halaman, atau diperbaiki |
| background-blend-mode | Menentukan blending mode dari setiap lapisan latar belakang (warna / gambar) |
| background-clip | Mendefinisikan seberapa jauh latar belakang (warna atau gambar) harus diperluas dalam sebuah elemen |
| background-color | Menentukan warna latar belakang suatu elemen |
| background-image | Menentukan satu atau lebih gambar latar belakang untuk sebuah elemen |
| background-origin | Menentukan posisi asal gambar latar belakang |
| background-position | Menentukan posisi gambar latar belakang |
| background-repeat | Menyetel jika / bagaimana gambar latar akan diulang |
| background-size | Menentukan ukuran gambar latar belakang |
| border | Properti singkatan untuk lebar border, gaya border, dan warna border |
| border-bottom | Properti singkatan untuk border-bottom-width, border-bottom-style, dan border-bottom-color |
| border-bottom-color | Mengatur warna border bawah |
| border-bottom-left-radius | Mendefinisikan radius border sudut kiri bawah |
| border-bottom-right-radius | Mendefinisikan radius border sudut kanan bawah |
| border-bottom-style | Set gaya border bawah |
| border-bottom-width | Mengatur lebar border bawah |
| border-collapse | Menyetel apakah border tabel harus diciutkan menjadi satu border atau dipisahkan |
| border-color | Mengatur warna empat border |
| border-image | Properti singkatan untuk semua properti border-image- * |
| border-image-outset | Menentukan jumlah di mana area gambar perbatasan melampaui kotak border |
| border-image-repeat | Menentukan apakah gambar border harus diulang, dibulatkan atau direntangkan |
| border-image-slice | Menentukan cara memotong gambar border |
| border-image-source | Menentukan jalur ke gambar yang akan digunakan sebagai border |
| border-image-width | Menentukan lebar gambar border |
| border-left | Properti singkatan untuk semua properti border-left- |
| border-left-color | Set warna border kiri |
| border-left-style | Mengatur gaya border kiri |
| border-left-width | Set lebar border kiri |
| border-radius | Properti singkatan untuk empat properti border – * – radius |
| border-right | Properti singkatan untuk semua properti border-right- * |
| border-right-color | Mengatur warna border kanan |
| border-right-style | Set gaya border kanan |
| border-right-width | Set lebar border kanan |
| border-spacing | Menetapkan jarak antara border sel yang berdekatan |
| border-style | Menetapkan gaya empat border |
| border-top | Properti singkatan untuk border-top-width, border-top-style, dan border-top-color |
| border-top-color | Set warna border atas |
| border-top-left-radius | Mendefinisikan radius border sudut kiri atas |
| border-top-right-radius | Mendefinisikan radius border sudut kanan atas |
| border-top-style | Mengatur gaya border atas |
| border-top-width | Set lebar border atas |
| border-width | Set lebar empat border |
| bottom | Menetapkan posisi elemen dari bawah elemen induknya |
| box-decoration-break | Menyetel perilaku latar belakang dan border elemen di jeda halaman atau untuk elemen sebaris, di jeda baris. |
| box-shadow | Melampirkan satu atau lebih bayangan ke sebuah elemen |
| box-sizing | Mendefinisikan bagaimana lebar dan tinggi elemen dihitung: apakah mereka harus menyertakan padding dan border, atau tidak |
| break-after | Menentukan apakah page-, column-, atau region-break harus terjadi setelah elemen yang ditentukan |
| break-before | Menentukan apakah page-, column-, atau region-break harus terjadi sebelum elemen yang ditentukan |
| break-inside | Menentukan apakah page-, column-, atau region-break harus terjadi di dalam elemen yang ditentukan |
C
| caption-side | Menentukan penempatan keterangan tabel |
| caret-color | Menentukan warna kursor (tanda sisipan) di input, textareas, atau elemen apa pun yang dapat diedit |
| @charset | Menentukan pengkodean karakter yang digunakan dalam style sheet |
| clear | Menentukan di sisi mana elemen mengambang elemen tidak diizinkan untuk mengapung |
| clip | Klip elemen yang benar-benar diposisikan |
| color | Mengatur warna teks |
| column-count | Menentukan jumlah kolom elemen harus dibagi |
| column-fill | Menentukan bagaimana mengisi kolom, seimbang atau tidak |
| column-gap | Menentukan jarak antar kolom |
| column-rule | Properti singkatan untuk semua properti kolom-aturan- * |
| column-rule-color | Menentukan warna aturan antar kolom |
| column-rule-style | Menentukan gaya aturan antar kolom |
| column-rule-width | Menentukan lebar aturan antar kolom |
| column-span | Menentukan berapa banyak kolom yang harus direntangkan oleh sebuah elemen |
| column-width | Menentukan lebar kolom |
| columns | Properti singkatan untuk columns-width dan columns-count |
| content | Digunakan dengan pseudo-element: before dan: after, untuk menyisipkan konten yang dihasilkan |
| counter-increment | Meningkatkan atau menurunkan nilai dari satu atau lebih penghitung CSS |
| counter-reset | Membuat atau menyetel ulang satu atau lebih penghitung CSS |
| cursor | Menentukan kursor mouse untuk ditampilkan saat menunjuk ke sebuah elemen |
D
| direction | Menentukan arah teks / arah penulisan |
| display | Menentukan bagaimana elemen HTML tertentu harus ditampilkan |
E
| empty-cells | Menentukan apakah akan menampilkan perbatasan dan latar belakang pada sel kosong dalam sebuah tabel |
F
| filter | Mendefinisikan efek (misalnya kabur atau perubahan warna) pada elemen sebelum elemen ditampilkan |
| flex | Properti singkatan untuk properti flex-grow, flex-shrink, dan flex-basis |
| flex-basis | Menentukan panjang awal item fleksibel |
| flex-direction | Menentukan arah item fleksibel |
| flex-flow | Properti singkatan untuk flex-direction dan properti flex-wrap |
| flex-grow | Menentukan seberapa banyak item akan tumbuh relatif terhadap yang lain |
| flex-shrink | Menentukan bagaimana item akan menyusut relatif terhadap yang lain |
| flex-wrap | Menentukan apakah item fleksibel harus dibungkus atau tidak |
| float | Menentukan apakah sebuah kotak harus mengapung atau tidak |
| font | Properti singkatan untuk font-style, font-variant, font-weight, font-size / line-height, dan properti font-family |
| @font-face | Aturan yang memungkinkan situs web mengunduh dan menggunakan fon selain fon “safe web” |
| font-family | Menentukan font family untuk teks |
| font-feature-settings | Memungkinkan kontrol atas fitur tipografi lanjutan di font OpenType |
| @font-feature-values | Izinkan penulis untuk menggunakan nama umum dalam font-variant-alternate untuk fitur yang diaktifkan secara berbeda di OpenType |
| font-kerning | Mengontrol penggunaan informasi kerning (bagaimana spasi huruf) |
| font-language-override | Mengontrol penggunaan mesin terbang khusus bahasa dalam jenis huruf |
| font-size | Menentukan ukuran font teks |
| font-size-adjust | Menjaga keterbacaan teks saat penggantian font terjadi |
| font-stretch | Memilih font normal, padat, atau diperluas dari kumpulan font |
| font-style | Menentukan gaya font untuk teks |
| font-synthesis | Kontrol yang hilang tipografi (tebal atau miring) dapat disintesis oleh browser |
| font-variant | Menentukan apakah teks harus ditampilkan dalam font huruf kecil atau tidak |
| font-variant-alternates | Mengontrol penggunaan mesin terbang alternatif yang terkait dengan nama alternatif yang ditentukan dalam @ font-feature-values |
| font-variant-caps | Mengontrol penggunaan mesin terbang alternatif untuk huruf kapital |
| font-variant-east-asian | Mengontrol penggunaan mesin terbang alternatif untuk skrip Asia Timur (misalnya Jepang dan Cina) |
| font-variant-ligatures | Mengontrol ligatur dan bentuk kontekstual mana yang digunakan dalam konten tekstual elemen yang diterapkan padanya |
| font-variant-numeric | Mengontrol penggunaan mesin terbang alternatif untuk angka, pecahan, dan penanda ordinal |
| font-variant-position | Mengontrol penggunaan mesin terbang alternatif dengan ukuran lebih kecil yang diposisikan sebagai superskrip atau subskrip terkait garis dasar font |
| font-weight | Menentukan panjang font |
G
| grid | Properti singkatan untuk properti grid-template-rows, grid-template-columns, grid-template-areas, grid-auto-rows, grid-auto-columns, dan the grid-auto-flow |
| grid-area | Menenetukan nama untuk item grid atau properti singkatan untuk properti grid-row-start, grid-column-start, grid-row-end, dan grid-column-end |
| grid-auto-columns | Menentukan ukuran kolom default |
| grid-auto-flow | Menentukan bagaimana item yang ditempatkan secara otomatis dimasukkan ke dalam grid |
| grid-auto-rows | Menentukan ukuran baris default |
| grid-column | Properti singkatan untuk properti grid-column-start dan the grid-column-end |
| grid-column-end | Menentukan di mana untuk mengakhiri item grid |
| grid-column-gap | Menentukan ukuran jarak antar kolom |
| grid-column-start | Menentukan di mana untuk memulai item grid |
| grid-gap | Properti singkatan untuk properti grid-row-gap dan grid-column-gap |
| grid-row | Properti singkatan untuk properti grid-row-start dan the grid-row-end |
| grid-row-end | Menentukan di mana untuk mengakhiri item grid |
| grid-row-gap | Menentukan ukuran jarak antar baris |
| grid-row-start | Menentukan di mana untuk memulai item grid |
| grid-template | Properti singkatan untuk properti grid-template-rows, grid-template-columns dan grid-areas |
| grid-template-areas | Menentukan cara menampilkan kolom dan baris, menggunakan item grid bernama |
| grid-template-columns | Menentukan ukuran kolom, dan berapa banyak kolom dalam tata letak grid |
| grid-template-rows | Menentukan ukuran baris dalam tata letak grid |
H
| hanging-punctuation | Menentukan apakah karakter tanda baca dapat ditempatkan di luar kotak baris |
| height | Menyetel tinggi suatu elemen |
| hyphens | Menyetel cara membagi kata untuk menyempurnakan tata letak paragraf |
I
| image-rendering | Memberi petunjuk kepada browser tentang aspek gambar apa yang paling penting untuk dipertahankan saat gambar diskalakan |
| @import | Memungkinkan kita untuk mengimpor lembar gaya ke lembar gaya lain |
| isolation | Mendefinisikan apakah suatu elemen harus membuat konten susun baru |
J
| justify-content | Menentukan keselarasan antara item di dalam wadah fleksibel ketika item tidak menggunakan semua ruang yang tersedia |
K
| @keyframes | Menentukan kode animasi |
L
| left | Menentukan posisi kiri dari elemen yang diposisikan |
| letter-spacing | Menambah atau mengurangi spasi antar karakter dalam teks |
| line-break | Menentukan bagaimana / jika memutus garis |
| line-height | Setel tinggi garis |
| list-style | Set semua properti untuk daftar dalam satu deklarasi |
| list-style-image | Menentukan gambar sebagai penanda item daftar |
| list-style-position | Menentukan posisi penanda item daftar (poin-poin) |
| list-style-type | Menentukan jenis penanda item daftar |
M
| margin | Set semua properti margin dalam satu deklarasi |
| margin-bottom | Menetapkan margin bawah elemen |
| margin-left | Menetapkan margin kiri sebuah elemen |
| margin-right | Menetapkan margin kanan sebuah elemen |
| margin-top | Menetapkan margin atas elemen |
| max-height | Menyetel tinggi maksimum sebuah elemen |
| max-width | Menyetel lebar maksimum sebuah elemen |
| @media | Menyetel aturan gaya untuk berbagai jenis / perangkat / ukuran media |
| min-height | Menetapkan tinggi minimum suatu elemen |
| min-width | Menyetel lebar minimum sebuah elemen |
| mix-blend-mode | Menentukan bagaimana konten elemen harus berbaur dengan latar belakang induk langsungnya |
O
| object-fit | Menentukan bagaimana konten elemen yang diganti harus dipasang ke kotak yang ditetapkan oleh tinggi dan lebar yang digunakan |
| object-position | Menentukan perataan elemen yang diganti di dalam kotaknya |
| opacity | Menyetel tingkat opasitas untuk suatu elemen |
| order | Menyetel urutan item fleksibel, relatif terhadap yang lainnya |
| orphans | Menetapkan jumlah minimum baris yang harus ditinggalkan di bagian bawah halaman saat jeda halaman terjadi di dalam elemen |
| outline | Properti singkatan untuk properti outline-width, outline-style, dan the outline-color properties |
| outline-color | Mengatur warna garis luar |
| outline-offset | Mengimbangi garis luar, dan menggambarnya di luar tepi perbatasan |
| outline-style | Mengatur gaya garis besar |
| outline-width | Mengatur lebar garis |
| overflow | Menentukan apa yang terjadi jika konten meluap dari kotak elemen |
| overflow-wrap | Menentukan apakah browser dapat memecah baris dalam kata untuk mencegah overflow (ketika string terlalu panjang untuk memuat kotaknya) |
| overflow-x | Menentukan apakah akan memotong tepi kiri / kanan konten atau tidak, jika melebihi area konten elemen |
| overflow-y | Menentukan apakah akan memotong tepi atas / bawah konten atau tidak, jika melebihi area konten elemen |
P
| padding | Properti singkatan untuk semua properti padding- * |
| padding-bottom | Menetapkan padding bawah suatu elemen |
| padding-left | Mengatur padding kiri sebuah elemen |
| padding-right | Menetapkan padding yang tepat dari sebuah elemen |
| padding-top | Menetapkan padding atas suatu elemen |
| page-break-after | Menyetel page-break halaman setelah sebuah elemen |
| page-break-before | Menyetel page-break halaman sebelum elemen |
| page-break-inside | Menyetel page-break halaman di dalam elemen |
| perspective | Memberikan elemen posisi 3D beberapa perspektif |
| perspective-origin | Menentukan di posisi mana pengguna melihat elemen posisi 3D |
| pointer-events | Mendefinisikan apakah suatu elemen bereaksi terhadap peristiwa pointer |
| position | Menentukan jenis metode pemosisian yang digunakan untuk elemen (statis, relatif, absolut atau tetap) |
Q
| quotes | Menetapkan jenis tanda kutip untuk kutipan yang disematkan |
R
| resize | Mendefinisikan jika (dan bagaimana) sebuah elemen diubah ukurannya oleh pengguna |
| right | Menentukan posisi yang tepat dari elemen yang diposisikan |
S
| scroll-behavior | Menentukan apakah akan menganimasikan posisi gulir dengan mulus dalam kotak yang dapat digulir, bukan lompatan lurus |
T
| tab-size | Menentukan lebar karakter tab |
| table-layout | Mendefinisikan algoritma yang digunakan untuk meletakkan sel tabel, baris, dan kolom |
| text-align | Specifies the horizontal alignment of text |
| text-align-last | Menjelaskan bagaimana baris terakhir dari sebuah blok atau sebuah baris tepat sebelum pemisah baris paksa diratakan saat text-align adalah “rata” |
| text-combine-upright | Menentukan kombinasi beberapa karakter ke dalam spasi dari satu karakter |
| text-decoration | Menentukan dekorasi yang ditambahkan ke teks |
| text-decoration-color | Menentukan warna dekorasi teks |
| text-decoration-line | Menentukan jenis garis dalam dekorasi teks |
| text-decoration-style | Menentukan gaya garis dalam dekorasi teks |
| text-indent | Menentukan indentasi baris pertama dalam blok teks |
| text-justify | Menentukan metode justifikasi yang digunakan saat text-align adalah “justify” |
| text-orientation | Mendefinisikan orientasi teks dalam satu baris |
| text-overflow | Menentukan apa yang harus terjadi ketika teks meluap dari elemen yang memuatnya |
| text-shadow | Menambahkan bayangan ke teks |
| text-transform | Mengontrol kapitalisasi teks |
| text-underline-position | Menentukan posisi garis bawah yang disetel menggunakan properti dekorasi teks |
| top | Menentukan posisi atas dari elemen yang diposisikan |
| transform | Menerapkan transformasi 2D atau 3D ke elemen |
| transform-origin | Memungkinkan Anda mengubah posisi pada elemen yang diubah |
| transform-style | Menentukan bagaimana elemen bersarang dirender dalam ruang 3D |
| transition | Properti singkatan untuk semua properti transisi- * |
| transition-delay | Menentukan kapan efek transisi akan dimulai |
| transition-duration | Menentukan berapa detik atau milidetik yang dibutuhkan untuk menyelesaikan efek transisi |
| transition-property | Menentukan nama properti CSS untuk efek transisi |
| transition-timing-function | Menentukan kurva kecepatan dari efek transisi |
U
| unicode-bidi | Digunakan bersama dengan properti direction untuk menyetel atau mengembalikan apakah teks harus diganti untuk mendukung banyak bahasa dalam dokumen yang sama |
| user-select | Menentukan apakah teks suatu elemen dapat dipilih |
V
| vertical-align | Menyetel perataan vertikal suatu elemen |
| visibility | Menentukan apakah sebuah elemen terlihat atau tidak |
W
| white-space | Menentukan bagaimana ruang putih di dalam elemen ditangani |
| widows | Menetapkan jumlah minimum baris yang harus ditinggalkan di bagian atas halaman ketika jeda halaman terjadi di dalam elemen |
| width | Set lebar elemen |
| word-break | Menentukan bagaimana kata-kata harus putus saat mencapai akhir baris |
| word-spacing | Menambah atau mengurangi jarak antar kata dalam teks |
| word-wrap | Memungkinkan kata-kata yang panjang dan tidak bisa dipecahkan untuk dipecah dan digabungkan ke baris berikutnya |
| writing-mode | Menentukan apakah baris teks diletakkan secara horizontal atau vertikal |
Z
| z-index | Menyetel urutan tumpukan elemen yang diposisikan |
