backdrop-filter |
Definiskan efek grafis area latar elemen. |
backface-visibility |
Definiskan apakah bagian belakang elemen harus terlihat saat dihadapkan kepada pengguna. |
background |
Singkatan atribut semua background-*. |
background-attachment |
Atur apakah gambar latar bergerak bersama dengan bagian lain halaman atau tetap. |
background-blend-mode |
Tentukan mode campuran setiap lapisan latar (warna/gambar). |
background-clip |
Definiskan jarak penyebaran (warna atau gambar) latar di dalam elemen. |
background-color |
Tentukan warna latar elemen. |
background-image |
Tentukan satu atau beberapa gambar latar elemen. |
background-origin |
Tentukan posisi awal gambar latar. |
background-position |
atur posisi gambar latar belakang. |
background-position-x |
tentukan posisi gambar latar belakang di sumbu x. |
pr_background-position-y |
tentukan posisi gambar latar belakang di sumbu y. |
background-repeat |
atur apakah dan bagaimana gambar latar belakang diulang. |
background-size |
atur ukuran gambar latar belakang. |
block-size |
tentukan ukuran elemen di arah blok. |
border |
properti singkat border-width, border-style, dan border-color. |
border-block |
Berikut adalah singkatan properti:
|
border-block-color |
atur warna batas awal dan akhir arah blok. |
border-block-end |
Berikut adalah singkatan properti:
|
border-block-end-color |
atur warna batas akhir arah blok. |
border-block-end-style |
atur gaya batas akhir arah blok. |
border-block-end-width |
atur lebar batas akhir arah blok. |
border-block-start |
Berikut adalah singkatan properti:
|
border-block-start-color |
atur warna batas awal arah blok. |
border-block-start-style |
atur gaya batas awal arah blok. |
border-block-start-width |
atur lebar batas awal arah blok. |
border-block-style |
atur gaya batas awal dan akhir arah blok. |
border-block-width |
atur lebar batas awal dan akhir arah blok. |
border-bottom |
properti singkat border-bottom-width, border-bottom-style, dan border-bottom-color. |
border-bottom-color |
atur warna batas bawah. |
border-bottom-left-radius |
definisi sudut kiri bawah rounding batas. |
border-bottom-right-radius |
definisi sudut kanan bawah rounding batas. |
border-bottom-style |
atur gaya batas bawah. |
border-bottom-width |
atur lebar batas bawah. |
border-collapse |
atur warna batas tabel untuk menjadi satu garis atau terpisah. |
border-color |
Tetapkan warna bingkai empat sisi. |
border-end-end-radius |
Tetapkan radius sudut di antara blok elemen akhir dan akhir teks. |
border-end-start-radius |
Tetapkan radius sudut di antara blok elemen akhir dan mulai teks. |
border-image |
Singkatan dari properti border-image-*. |
border-image-outset |
Tentukan jumlah yang dilepaskan dari area gambar bingkai melebihi bingkai. |
border-image-repeat |
Tentukan apakah gambar bingkai harus diulang, diayu, atau ditarik. |
border-image-slice |
Tentukan bagaimana gambar bingkai di potong. |
border-image-source |
Tentukan jalur gambar yang digunakan sebagai bingkai. |
border-image-width |
Tentukan lebar gambar bingkai. |
border-inline |
Berikut adalah singkatan properti:
|
border-inline-color |
Tetapkan warna bingkai mulai dan akhir di arah teks. |
border-inline-end |
Berikut adalah singkatan properti:
|
border-inline-end-color |
Tetapkan warna bingkai akhir di arah teks. |
border-inline-end-style |
Tetapkan gaya bingkai akhir di arah teks. |
border-inline-end-width |
Tetapkan lebar bingkai akhir di arah teks. |
border-inline-start |
Berikut adalah singkatan properti:
|
border-inline-start-color |
Tetapkan warna bingkai mulai di arah teks. |
border-inline-start-style |
Tetapkan gaya bingkai mulai di arah teks. |
border-inline-start-width |
Tetapkan lebar bingkai mulai di arah teks. |
border-inline-style |
Tetapkan gaya bingkai mulai dan akhir di arah teks. |
border-inline-width |
Tetapkan lebar bingkai mulai dan akhir di arah teks. |
border-left |
Singkatan dari semua properti border-left-*. |
border-left-color |
Tetapkan warna bingkai kiri. |
border-left-style |
Tetapkan gaya bingkai kiri. |
border-left-width |
Tetapkan lebar bingkai kiri. |
border-radius |
Singkatan dari empat properti border-*-radius. |
border-right |
Singkat dari semua properti border-right-*. |
border-right-color |
Atur warna border kanan. |
border-right-style |
Atur gaya border kanan. |
border-right-width |
Atur lebar border kanan. |
border-spacing |
Atur jarak antara garis border selengkapnya di seluler yang berdekatan. |
border-start-end-radius |
Atur radius pojok di antara sisi awal blok dan akhir baris. |
border-start-start-radius |
Atur radius pojok di antara sisi awal blok dan awal baris. |
border-style |
Atur gaya empat garis border. |
border-top |
Atribut singkat untuk border-top-width, border-top-style, dan border-top-color. |
border-top-color |
Atur warna border atas. |
border-top-left-radius |
Definiskan rounding border di pojok kiri atas. |
border-top-right-radius |
Definiskan rounding border di pojok kanan atas. |
border-top-style |
Atur gaya border atas. |
border-top-width |
Atur lebar border atas. |
border-width |
Atur lebar empat garis border. |
bottom |
Atur posisi dasar elemen terhadap bawah elemen induk. |
box-decoration-break |
Atur perilaku latar belakang dan border elemen di tempat batas halaman, atau perilaku elemen dalam baris baru untuk elemen dalam baris. |
box-reflect |
Digunakan untuk menciptakan efek refleksi elemen. |
box-shadow |
Menambahkan bayangan ke elemen. |
box-sizing |
Definiskan cara perhitungan lebar dan tinggi elemen: apakah mereka harus termasuk padding dan border. |
break-after |
Tentukan apakah page-, column-, atau region-break harus muncul setelah elemen yang ditentukan. |
break-before |
Tentukan apakah page-, column-, atau region-break harus muncul sebelum elemen yang ditentukan. |
break-inside |
Tentukan apakah page-, column-, atau region-break harus muncul di dalam elemen yang ditentukan. |
caption-side |
Tentukan cara penempatan judul tabel. |
caret-color |
Tentukan warna kursor di dalam input, textarea, atau elemen yang dapat diedit. |
@charset |
Tentukan karakter encoding yang digunakan dalam tabel gaya. |
clear |
Tentukan bagian sisi elemen yang tidak diizinkan untuk menggerakkan elemen. |
clip |
Memotong elemen yang berada di posisi absolut. |
clip-path |
Memotong elemen ke bentuk dasar atau sumber SVG. |
color |
Mengatur warna teks. |
color-scheme |
Menunjukkan skema warna sistem operasi mana yang harus digunakan untuk merender elemen. |
column-count |
Menentukan berapa banyak kolom elemen harus dibagi. |
column-fill |
Menentukan cara memenuhi kolom (apakah balanced). |
column-gap |
Menentukan spasi antara kolom. |
column-rule |
Atribut singkat untuk semua atribut column-rule-*. |
column-rule-color |
Menentukan warna aturan antara kolom. |
column-rule-style |
Menentukan gaya aturan antara kolom. |
column-rule-width |
Menentukan lebar aturan antara kolom. |
column-span |
Menentukan berapa banyak kolom elemen harus melintasi. |
column-width |
Menentukan lebar kolom. |
columns |
Atribut singkat untuk column-width dan column-count. |
@container |
Mendefinisikan gaya elemen dalam kontainer berdasarkan ukuran atau gaya kontainer. |
content |
Dipakai bersama :before dan :after pseudo-element untuk memasukkan konten yang dihasilkan. |
counter-increment |
Menambahkan atau mengurangi nilai satu atau beberapa penhitungan CSS. |
counter-reset |
Membuat atau mengatur ulang satu atau beberapa penhitungan CSS. |
counter-set |
Membuat atau menetapkan satu atau beberapa penhitungan CSS. |
@counter-style |
Memungkinkan Anda mendefinisikan gaya penhitungan penjumlahan yang disesuaikan. |
cursor |
Menentukan kursor yang akan ditampilkan saat mengarahkan ke elemen. |
filter |
Mendefinisikan efek sebelum elemen tampil (misalnya, blur atau penyimpangan warna). |
flex |
Atribut singkat untuk flex-grow, flex-shrink, dan flex-basis. |
flex-basis |
Menentukan panjang awal proyek elasti. |
flex-direction |
Menentukan arah proyek elasti. |
flex-flow |
Atribut singkat untuk flex-direction dan flex-wrap. |
flex-grow |
Penambahan分量 dibandingkan dengan proyek lain. |
flex-shrink |
Penurunan分量 dibandingkan dengan proyek lain. |
flex-wrap |
Tentukan apakah item fleksibel harus dipindah baris. |
float |
Tentukan apakah boks (box) harus diflot. |
font |
Atribut singkat font-style, font-variant, font-weight, font-size/line-height, dan font-family. |
@font-face |
Perbolehkan aturan situs untuk mengunduh dan menggunakan font selain font 'web-safe'. |
font-family |
Tentukan keluarga font (serupa huruf) teks. |
font-feature-settings |
Perbolehkan pengendalian fitur cetak tingkat tinggi di font OpenType. |
@font-feature-values |
Perbolehkan penulis untuk menggunakan nama umum di font-variant-alternate untuk mengaktifkan fitur yang berbeda di OpenType. |
font-kerning |
Kendalikan penggunaan informasi pengaturan jarak huruf (kerning). |
font-language-override |
Kendalikan penggunaan varian huruf untuk bahasa khusus dalam font. |
@font-palette-values |
Perbolehkan penggunaan nilai standar font palette. |
font-size |
Tentukan ukuran font teks. |
font-size-adjust |
Pertahankan keterbacaan saat terjadi pengembalian font. |
font-stretch |
Pilih font yang biasa, ditekan, atau diperluas dari serupa huruf. |
font-style |
Tentukan gaya font teks. |
font-synthesis |
Kendalikan font yang dapat disintesis oleh browser untuk font yang hilang (tebal atau miring). |
font-variant |
Tentukan apakah teks harus ditampilkan dengan huruf kapital kecil. |
font-variant-alternates |
Kendalikan penggunaan varian huruf yang terkait dengan nama alternatif yang didefinisikan dalam @font-feature-values. |
font-variant-caps |
Kendalikan penggunaan varian huruf untuk huruf kapital. |
font-variant-east-asian |
Kendalikan penggunaan varian huruf untuk bahasa Tionghoa dan Jepang di Asia Timur. |
font-variant-ligatures |
Kendalikan penggunaan varian huruf untuk kontekstual dan digunakan dalam konten teks elemen. |
font-variant-numeric |
Kendalikan penggunaan varian huruf untuk angka, fraksi, dan tanda urutan. |
font-variant-position |
Kendalikan penggunaan varian huruf kecil yang digunakan untuk menunjukkan angka di atas atau di bawah basa huruf. |
font-weight |
设置字体的粗细。 |
margin |
Atur semua properti jarak luar dalam satu deklarasi. |
margin-block |
Tentukan jarak luar arah blok. |
margin-block-end |
Tentukan jarak luar di akhir arah blok. |
margin-block-start |
Tentukan jarak luar di awal arah blok. |
margin-bottom |
Atur jarak bawah ekor elemen. |
margin-inline |
Tentukan jarak luar sebelah dalam arah baris. |
margin-inline-end |
Tentukan margin akhir di arah inline. |
margin-inline-start |
Tentukan margin awal di arah inline. |
margin-left |
Atur margin kiri luar elemen. |
margin-right |
Atur margin kanan luar elemen. |
margin-top |
Atur margin atas luar elemen. |
marker |
Tunjuk tanda yang akan digambarkan di semua puncak jalur elemen (pertama, tengah, dan terakhir). |
marker-end |
Tunjuk tanda yang akan digambarkan di puncak terakhir jalur elemen. |
marker-mid |
Tunjuk tanda yang akan digambarkan di puncak-tengah jalur elemen. |
marker-start |
Tunjuk tanda yang akan digambarkan di puncak pertama jalur elemen. |
mask |
Berikut adalah singkatan properti:
|
mask-clip |
Tentukan area yang dipengaruhi oleh gambar penutup. |
mask-composite |
Tentukan operasi komposit yang digunakan di atas penutup saat ini dan penutup di bawahnya. |
mask-image |
Tentukan gambar yang digunakan sebagai penutup elemen. |
mask-mode |
Tentukan apakah gambar penutup adalah digunakan sebagai penutup kecerahan atau penutup alpha. |
mask-origin |
Tentukan posisi asli gambar penutup (area posisi penutup). |
mask-position |
Atur posisi awal gambar penutup (relatif terhadap area posisi penutup). |
mask-repeat |
Tentukan cara pengulangan gambar penutup. |
mask-size |
Tentukan ukuran gambar penutup. |
mask-type |
Tentukan SVG Elemen adalah digunakan sebagai penutup kecerahan atau penutup alpha. |
max-height |
Atur tinggi maksimum elemen. |
max-width |
Atur lebar maksimum elemen. |
@media |
Tentukan aturan gaya untuk media yang berbeda, perangkat, dan ukuran. |
max-block-size |
Atur ukuran maksimum elemen dalam arah block. |
max-inline-size |
Atur ukuran maksimum elemen dalam arah inline. |
min-block-size |
Atur ukuran minimum elemen dalam arah block. |
min-inline-size |
Atur ukuran minimum elemen dalam arah inline. |
min-height |
Atur tinggi minimum elemen. |
min-width |
Atur lebar minimum elemen. |
mix-blend-mode |
Tentukan bagaimana konten elemen seharusnya dicampur dengan latar belakang induknya. |
object-fit |
Tentukan bagaimana konten elemen yang digantikan harus disesuaikan dengan tinggi dan lebar kotak yang dibangun. |
object-position |
Tentukan cara penyesuaian elemen pengganti di dalam kotaknya. |
offset |
Berikut adalah singkatan properti:
|
offset-anchor |
Tentukan titik yang tetap di jalur animasi elemen. |
offset-distance |
Tentukan posisi elemen dalam jalur. |
offset-path |
Tentukan jalur animasi elemen. |
offset-position |
Tentukan posisi awal elemen di jalur. |
offset-rotate |
Tentukan putar elemen saat elemen bergerak berdasarkan jalur. |
opacity |
Atur tingkat kecerahan elemen. |
order |
Atur urutan proyek yang elastis berbanding dengan proyek lain. |
orphans |
Atur jumlah baris terkecil yang harus disimpan di bawah halaman atau kolom. |
orphans |
Atur jumlah baris terkecil yang harus disimpan di bawah halaman saat halaman memerlukan halaman baru. |
outline |
Singkatan untuk atribut outline-width, outline-style dan outline-color. |
outline-color |
Atur warna kontur. |
outline-offset |
Pindahkan kontur dan lukisnya di luar边缘bentangan. |
outline-style |
Atur gaya kontur. |
outline-width |
Atur lebar garis kontur. |
overflow |
Tentukan apa yang terjadi jika konten melebihi kotak elemen. |
overflow-anchor |
Tentukan apakah konten yang terlihat harus dipindahkan ke bawah saat konten baru di muat di kontainer yang dapat digerakkan. |
overflow-wrap |
Tentukan apakah peramban dapat memotong baris di kata panjang yang melampaui kontainer. |
overflow-wrap |
Tentukan apakah peramban dapat menggiling kata di dalam kata untuk mencegah kelebihan (ketika string terlalu panjang untuk menyesuaikan kotak yang mengandungnya). |
overflow-x |
Tentukan apakah konten akan dipotong di margin kiri dan kanan jika terlalu panjang untuk area konten elemen. |
overflow-y |
Tentukan apakah konten akan dipotong di margin atas dan bawah jika terlalu panjang untuk area konten elemen. |
overscroll-behavior |
Tentukan apakah ada scroll chain atau efek geser lewat di arah x dan y. |
overscroll-behavior-block |
Tentukan apakah ada scroll chain atau efek geser lewat di arah block. |
overscroll-behavior-inline |
Tentukan apakah ada scroll chain atau efek geser lewat di arah inline. |
overscroll-behavior-x |
Tentukan apakah ada scroll chain atau efek geser lewat di arah x. |
overscroll-behavior-y |
Tentukan apakah ada scroll chain atau efek geser lewat di arah y. |
padding |
Singkatan untuk semua atribut padding-*. |
padding-block |
Tentukan padding dalam arah blok. |
padding-block-end |
Tentukan padding di akhir arah blok. |
padding-block-start |
Tentukan padding di awal arah blok. |
padding-bottom |
Atur padding bawah elemen. |
padding-inline |
Tentukan padding dalam arah baris dalam. |
padding-inline-end |
Tentukan padding di akhir arah baris dalam. |
padding-inline-start |
Tentukan padding di awal arah baris dalam. |
padding-left |
Atur padding kiri elemen. |
padding-right |
Atur padding kanan elemen. |
padding-top |
Atur padding atas elemen. |
@page |
Sesuaikan ukuran, arah, dan margin halaman print. |
page-break-after |
Atur perilaku halaman (page-break) setelah elemen. |
page-break-before |
Atur perilaku halaman (page-break) sebelum elemen. |
page-break-inside |
Atur perilaku halaman (page-break) dalam elemen. |
paint-order |
Atur urutan pengerjaan SVG elemen atau teks. |
perspective |
Menyediakan perspektif untuk elemen penempatan 3D. |
perspective-origin |
Definiskan posisi yang dianggap pengguna untuk melihat elemen yang ditempatkan 3D. |
place-content |
Tentukan nilai properti align-content dan justify-content untuk tata letak flexbox dan kisi. |
place-items |
Tentukan nilai properti align-items dan justify-items untuk tata letak kisi. |
place-self |
Tentukan nilai properti align-self dan justify-self untuk tata letak kisi. |
pointer-events |
Definiskan apakah elemen akan merespon ke peristiwa penunjuk. |
position |
Tentukan jenis metode penempatan yang digunakan untuk elemen (statik, relatif, absolut, atau tetap). |
@property |
Definiskan properti CSS yang disesuaikan langsung dalam stylesheet tanpa meluncurkan JavaScript apapun. |