CSS Cheatsheet – Properti & Selektor Paling Sering Digunakan

#1 color

Mengatur warna teks

#2 background-color

Mengatur warna latar belakang elemen

#3 background-image

Mengatur gambar latar belakang

#4 background-repeat

Mengatur pengulangan gambar latar belakang

#5 background-size

Mengatur ukuran gambar latar belakang

#6 background-position

Mengatur posisi gambar latar belakang

#7 background-attachment

Mengatur apakah background fixed atau scroll

#8 font-family

Mengatur jenis font teks

#9 font-size

Mengatur ukuran font

#10 font-weight

Mengatur ketebalan font

#11 line-height

Mengatur jarak antar baris teks

#12 letter-spacing

Mengatur jarak antar huruf

#13 word-spacing

Mengatur jarak antar kata

#14 overflow-x

Mengatur overflow horizontal

#15 overflow-y

Mengatur overflow vertical

#16 width

Mengatur lebar elemen

#17 height

Mengatur tinggi elemen

#18 max-width

Mengatur lebar maksimum elemen

#19 min-width

Mengatur lebar minimum elemen

#20 max-height

Mengatur tinggi maksimum elemen

#21 min-height

Mengatur tinggi minimum elemen

#22 margin-top

Mengatur margin atas

#23 margin-right

Mengatur margin kanan

#24 margin-bottom

Mengatur margin bawah

#25 margin-left

Mengatur margin kiri

#26 padding-top

Mengatur padding atas

#27 padding-right

Mengatur padding kanan

#28 padding-bottom

Mengatur padding bawah

#29 padding-left

Mengatur padding kiri

#30 border-width

Mengatur lebar border

#31 border-color

Mengatur warna border

#32 border-radius

Membuat border melengkung

#33 box-shadow

Mengatur bayangan kotak elemen

#34 top

Mengatur posisi atas elemen

#35 right

Mengatur posisi kanan elemen

#36 bottom

Mengatur posisi bawah elemen

#37 left

Mengatur posisi kiri elemen

#38 z-index

Mengatur lapisan elemen

#39 justify-content

Mengatur distribusi item flex horizontal

#40 align-items

Mengatur distribusi item flex vertikal

#41 align-content

Mengatur distribusi baris flex

#42 flex-grow

Mengatur pertumbuhan item flex

#43 flex-shrink

Mengatur penyusutan item flex

#44 flex-basis

Mengatur basis ukuran item flex

#45 order

Mengatur urutan item flex

#46 grid-template-columns

Mengatur kolom grid

#47 grid-template-rows

Mengatur baris grid

#48 grid-column-gap

Mengatur jarak antar kolom grid

#49 grid-row-gap

Mengatur jarak antar baris grid

#50 grid-gap

Mengatur jarak antar baris dan kolom grid

#51 grid-column

Mengatur posisi kolom item grid

#52 grid-row

Mengatur posisi baris item grid

#53 align-self

Mengatur posisi item secara individual pada flex/grid

#54 opacity

Mengatur transparansi elemen

#55 cursor

Mengatur kursor mouse saat hover elemen

#56 transition

Mengatur efek transisi property CSS

#57 transition-property

Mengatur property yang ditransisikan

#58 transition-duration

Mengatur durasi transisi

#59 transition-timing-function

Mengatur timing function transisi

#60 transition-delay

Mengatur delay sebelum transisi dimulai

#61 animation

Mengatur animasi elemen

#62 animation-name

Mengatur nama keyframe animasi

#63 animation-duration

Mengatur durasi animasi

#64 animation-timing-function

Mengatur timing function animasi

#65 animation-delay

Mengatur delay animasi

#66 animation-iteration-count

Mengatur jumlah pengulangan animasi

#67 animation-direction

Mengatur arah animasi

#68 animation-fill-mode

Mengatur style animasi saat selesai

#69 object-position

Mengatur posisi objek dalam container

#70 clip-path

Mengatur area kliping elemen

#71 backdrop-filter

Mengatur filter pada background elemen

#72 mix-blend-mode

Mengatur mode blending elemen

#73 isolation

Mengatur isolasi blending

#74 pointer-events

Mengatur apakah elemen bisa menerima event pointer

CSS Cheatsheet – Properti & Selektor Paling Sering Digunakan

Useful links

Company

Newsletter