Panduan Referensi CSS

Atribut CSS

A

accent-color Tentukan warna yang diutamakan untuk kontrol antarmuka pengguna.
align-content Tentukan cara penyesuaian baris di dalam kontainer jaringan, ketika item tidak menggunakan semua ruang yang tersedia.
align-items Tentukan cara penyesuaian item dalam kontainer jaringan.
align-self Tentukan cara penyesuaian item yang dipilih dalam kontainer jaringan.
all Atur semua atribut (kecuali unicode-bidi dan direction).
animation Singkatan atribut semua animation-*.
animation-delay Tentukan jeda sebelum animasi dimulai.
animation-direction Tentukan arah pemutar animasi (melaju, mundur, atau bergantian).
animation-duration Tentukan waktu yang dihabiskan untuk setiap periode animasi selesai.
animation-fill-mode Tentukan gaya elemen saat animasi tidak dimainkan (sebelum dimulai, setelah selesai, atau keduanya).
animation-iteration-count Tentukan jumlah pemainan animasi.
animation-name Tentukan nama animasi @keyframes.
animation-play-state Tentukan apakah animasi dimainkan atau dihentikan.
animation-timing-function Tentukan garis bulet animasi.
aspect-ratio Tentukan aspek ratio pilihan elemen.

B

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.

C

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.

D

direction Menentukan arah teks/tulis.
display Menentukan cara menampilkan elemen HTML tertentu.

E

empty-cells Menentukan apakah garis batas dan latar belakang ditampilkan di sel kosong dalam tabel.

F

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 设置字体的粗细。

G

grid grid-template-rows、grid-template-columns、grid-template-areas、grid-auto-rows、grid-auto-columns 以及 grid-auto-flow 属性的简写属性。
grid-area 即可规定网格项的名称,也可以是 grid-row-start、grid-column-start、grid-row-end 以及 grid-column-end 属性的简写属性。
grid-auto-columns 规定默认的列尺寸。
grid-auto-flow 规定如何在网格中插入自动放置的项目。
grid-auto-rows 规定默认的行尺寸。
grid-column grid-column-start 和 grid-column-end 属性的简写属性。
grid-column-end 规定如何结束网格项目。
grid-column-gap 规定列间隙的尺寸。
grid-column-start 规定网格项目从何处开始。
grid-gap grid-row-gap 和 grid-column-gap 的简写属性。
grid-row grid-row-start 和 grid-row-end 属性的简写属性。
grid-row-end 规定网格项目在何处结束。
grid-row-gap 规定列间隙的尺寸。
grid-row-start 规定网格项目从何处开始。
grid-template grid-template-rows、grid-template-columns 以及 grid-areas 属性的简写属性。
grid-template-areas 规定如何使用命名的网格项显示列和行。
grid-template-columns 指定列的尺寸以及网格布局中的列数。
grid-template-rows 指定网格布局中的行的尺寸。

H

hanging-punctuation 规定是否可以在行框外放置标点符号。
height 设置元素的高度。
hyphens 设置如何分割单词以改善段落的布局。
hyphenate-character 设置在换行前用于连字符断行的字符。

I

image-rendering 指定用于图像缩放的算法类型。
algorithm-type-for-image-scaling Tentukan jenis algoritma yang digunakan untuk menggandakan gambar.
@import Izinkan Anda mengimpor stylesheet ke stylesheet lain.
inline-size Tentukan ukuran elemen di arah baris.
inset Tentukan jarak elemen dengan elemen induk.
inset-block Tentukan jarak elemen dengan elemen induk di arah blok.
inset-block-end Tentukan jarak akhir elemen dengan elemen induk di arah blok.
inset-block-start Tentukan jarak awal elemen dengan elemen induk di arah blok.
inset-inline Tentukan jarak elemen dengan elemen induk di arah baris.
inset-inline-end Tentukan jarak akhir elemen dengan elemen induk di arah baris.
inset-inline-start Tentukan jarak awal elemen dengan elemen induk di arah baris.
isolation Definiskan apakah elemen harus membuat konten lapisan baru.

J

justify-content Tentukan cara penyejajaran item di kontainer elastis saat item belum memakai semua ruang yang tersedia.
justify-items Tentukan cara penyejajaran item di arah baris dalam kontainer grid. Dapat diset di kontainer grid.
justify-self Tentukan cara penyejajaran item di arah baris dalam item grid. Dapat diset di item grid.

K

@keyframes Tentukan kode animasi.

L

@layer Kendalikan urutan penilaian gaya lapisan CSS.
left Tentukan posisi kiri elemen yang berada dalam penempatan.
letter-spacing Tambah atau kurangi jarak karakter dalam teks.
line-break Bagaimana bagaimana/apa yang diubah baris.
line-height Atur tinggi baris.
list-style Atur semua properti daftar dalam satu deklarasi.
list-style-image Tentukan gambar sebagai tanda daftar item.
list-style-position Tentukan posisi tanda daftar item.
list-style-type Tentukan jenis tanda daftar item.

M

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.

N

@namespace Definisi ruang yang digunakan dalam tabel gaya XML.

O

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.

P

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.

Q

quotes Atur jenis kutip.

R

resize Definiskan apakah dan bagaimana pengguna dapat mengatur ukuran elemen.
right Tentukan posisi kiri elemen yang berada dalam penempatan.
rotate Tentukan putar elemen.
row-gap Tentukan jarak antara baris kisi.

S

scale tetapkan ukuran elemen melalui pengembangan atau perkecilan.
@scope memungkinkan Anda memilih elemen di DOM subtree tertentu dan menempatkan elemen dengan akurat tanpa menulis selector yang terlalu spesifik.
scroll-behavior atur apakah boks gerak dapat bergerak secara lancar, bukannya melompat langsung.
scroll-margin tetapkan margin eksternal antara posisi penarik dan kontainer.
scroll-margin-block tetapkan margin eksternal antara posisi penarik dalam arah blok dan kontainer.
scroll-margin-block-end tetapkan margin eksternal antara posisi penarik akhir dalam arah blok dan tempat kontainer.
scroll-margin-block-start tetapkan margin eksternal antara posisi penarik awal dalam arah blok dan tempat kontainer.
scroll-margin-bottom tetapkan margin eksternal antara posisi penarik bawah dan kontainer.
scroll-margin-inline tetapkan margin eksternal antara posisi penarik dalam arah baris dan kontainer.
scroll-margin-inline-end tetapkan margin eksternal antara posisi penarik akhir dalam arah baris dan tempat kontainer.
scroll-margin-inline-start tetapkan margin eksternal antara posisi penarik awal dalam arah baris dan tempat kontainer.
scroll-margin-left tetapkan margin eksternal antara posisi penarik kiri dan kontainer.
scroll-margin-right tetapkan margin eksternal antara posisi penarik kanan dan kontainer.
scroll-margin-top tetapkan margin eksternal antara posisi penarik atas dan kontainer.
scroll-padding jarak kontainer ke tempat penarik elemen.
scroll-padding-block jarak kontainer ke tempat penarik elemen dalam arah blok.
scroll-padding-block-end jarak akhir kontainer ke tempat penarik elemen dalam arah blok.
scroll-padding-block-start jarak awal kontainer ke tempat penarik elemen dalam arah blok.
scroll-padding-bottom jarak dasar kontainer ke tempat penarik elemen.
scroll-padding-inline jarak kontainer ke tempat penarik elemen dalam arah baris.
scroll-padding-inline-end jarak akhir kontainer ke tempat penarik elemen dalam arah baris.
scroll-padding-inline-start jarak awal kontainer ke tempat penarik elemen dalam arah baris.
scroll-padding-left Tentukan jarak dari sisi kiri kontainer ke posisi penarik anak.
scroll-padding-right Tentukan jarak dari sisi kanan kontainer ke posisi penarik anak.
scroll-padding-top Tentukan jarak dari puncak kontainer ke posisi penarik anak.
scroll-snap-align Tentukan posisi elemen saat pengguna menghentikan penarik.
scroll-snap-stop Tentukan perilaku penarik setelah geser cepat di pad touch atau layar sentuh.
scroll-snap-type Tentukan perilaku penarik saat menggerakkan.
scrollbar-color Tentukan warna scrollbar elemen.
shape-outside Definiskan bentuk penumpukan konten baris.
@starting-style Definiskan gaya awal elemen sebelum pembaruan gaya pertama.
@supports Digunakan untuk menguji apakah peramban mendukung fitur CSS tertentu.

T

tab-size Atur lebar tab.
table-layout Definiskan algoritma yang digunakan untuk mengatur tata letak sel, baris, dan kolom.
text-align Atur gaya penjajaran horizontal teks.
text-align-last Deskripsikan bagaimana penjajaran terakhir blok atau baris saat text-align adalah "justify" sebelum pergantian baris paksa.
text-combine-upright Gabungkan beberapa karakter ke ruang karakter tunggal.
text-decoration Atur dekorasi teks.
text-decoration-color Atur warna dekorasi teks.
text-decoration-line Atur tipe baris dekorasi teks (text-decoration).
text-decoration-style Atur gaya baris dekorasi teks (text-decoration).
text-decoration-thickness Atur ketebalan garis dekorasi.
text-emphasis

Berikut adalah singkatan properti:

text-emphasis-color Tentukan warna tanda penekanan.
text-emphasis-position Tentukan posisi tanda penekanan.
text-emphasis-style Tentukan gaya tanda penekanan.
text-indent Atur pengepungan baris pertama dalam blok teks (text-block).
text-justify Atur metode penjajaran saat text-align adalah "justify".
text-orientation Tetapkan arah karakter di baris.
text-overflow Tetapkan apa yang terjadi ketika teks melampaui elemen yang mengandungnya.
text-shadow Tambahkan bayangan teks.
text-transform Kendalikan huruf kapital teks.
text-underline-offset Tetapkan jarak offset dekoration garis bawah teks.
text-underline-position Tetapkan posisi dekoration garis bawah teks.
top Tetapkan posisi atas elemen yang ditempatkan.
transform Aplikasikan transformasi 2D atau 3D ke elemen.
transform-origin Memungkinkan untuk mengubah posisi elemen yang diubah.
transform-style Tetapkan bagaimana elemen yang terdapat di dalam ruang 3D harus dirender.
transition Atribut singkat untuk semua atribut transition-*.
transition-delay Tetapkan kapan efek transisi harus dimulai.
transition-duration Tetapkan waktu dalam detik atau milidetik yang diperlukan untuk menyelesaikan efek transisi.
transition-property Tetapkan nama atribut CSS yang seharusnya digunakan untuk efek transisi.
transition-timing-function Tetapkan garis waktu efek transisi.
translate Tetapkan posisi elemen.

U

unicode-bidi Digunakan bersamaan dengan atribut direction, untuk menetapkan atau mengembalikan apakah teks harus ditulis kembali untuk mendukung berbagai bahasa di dalam dokumen yang sama.
user-select Tetapkan apakah teks elemen dapat dipilih atau tidak.

V

vertical-align Atur cara penempatan vertikal elemen.
visibility Tetapkan apakah elemen dapat terlihat atau tidak.

W

white-space Tetapkan bagaimana spasi kosong di dalam elemen ditangani.
widows Atur jumlah baris terkecil yang harus disimpan di atas halaman atau kolom.
widows Atur jumlah baris terkecil yang harus disimpan di atas halaman jika terjadi halaman dalam elemen.
width Atur lebar elemen.
word-break Tetapkan bagaimana kata akan berpindah baris setelah mencapai akhir baris.
word-spacing Tambahkan atau kurangi jarak kata dalam teks.
word-wrap Memungkinkan kata yang panjang dan tak dapat dipecah ke baris berikutnya.
writing-mode Tetapkan baris teks apakah diatur secara horisontal atau vertikal.

Z

z-index Atur urutan tumpukan elemen yang ditempatkan.
zoom Faktor Skala Element Yang Ditetapkan. Element dapat diperbesar dan diperkecil.