К содержанию

Panduan Rujukan CSS

Panduan rujukan CSS yang mudah dan ditulis dalam bahasa yang mudah, dengan contoh. Terdapat perkara-perkara asas yang diperlukan, serta flexbox, grid, animasi, gradient, transformasi dan semua ciri moden!

Perkara Paling Penting

Ciri font-size

Ciri font-style

Ciri font-weight

Ciri line-height

Ciri font-family

Ciri font

Ciri text-indent

Ciri text-align

Pemotongan Perkataan

Sifat white-space

Sifat word-break

Sifat overflow-wrap

Sifat overflow

Sifat overflow-x

Sifat overflow-y

Ciri tab-size

Sifat text-overflow

Sifat hyphens

Sifat line-clamp

Warna

Ciri color

Pembundaran

Sifat border-radius

Sifat border-top-left-radius

Sifat border-top-right-radius

Sifat border-bottom-left-radius

Sifat border-bottom-right-radius

Garisan luar

Ciri outline

Ciri outline-width

Ciri outline-style

Ciri outline-color

Ciri outline-offset

Bayang

Ciri text-shadow

Sifat box-shadow

Ketelusan

Ciri opacity

Sifat visibility

Gradien

Fungsi linear-gradient

Fungsi radial-gradient

Fungsi repeating-linear-gradient

Fungsi repeating-radial-gradient

Potongan

Ciri clip

Ciri clip-path

Sifat mask

Sifat mask-position

Sifat mask-image

Sifat mask-mode

Ciri mask-size

Sifat mask-repeat

Sifat mask-origin

Sifat mask-clip

Ciri mask-composite

Imej sempadan

Sifat border-image

Sifat border-image-source

Sifat border-image-slice

Sifat border-image-repeat

Sifat border-image-outset

Sifat border-image-width

Kerja dengan tetikus

Pseudo-elemen selection

Ciri user-select - Larangan Pilihan Teks

Ciri pointer-events

Ciri cursor

Gaya

Perintah !important

Perintah media

Arahan supports

Arahan import

Pseudo kelas default

Pseudokelas fullscreen

Pseudokelas in-range

Pseudokelas indeterminate

Pseudo-class invalid

Pseudo kelas optional

Pseudo-class out-of-range

Pseudokelas placeholder-shown

Pseudokelas read-only

Pseudokelas read-write

Pseudo-keperluan required

Pseudokelas valid

Sifat caret-color

Pseudokelas focus-within

Sifat scroll-behavior

Senarai

Ciri list-style-type

Ciri list-style-position

Ciri list-style-image

Ciri list-style

Jadual

Sifat border-collapse

Sifat border-spacing

Sifat empty-cells

Sifat table-layout

Pautan

Pseudo-class link

Pseudo-klas visited

Pseudokelas hover

Pseudokelas active

Borang

Pseudo kelas focus

Pseudoelemen placeholder

Pseudo-class checked

Pseudokelas disabled

Pseudo-class enabled

Dimensi

Ciri width

Sifat height

Sifat min-width

Sifat max-width

Sifat min-height

Sifat max-height

Jarak

Sifat margin

Sifat margin-top

Sifat margin-bottom

Sifat margin-left

Sifat margin-right

Sifat padding

Sifat padding-top

Sifat padding-bottom

Sifat padding-left

Sifat padding-right

Sifat padding-block-end

Sifat padding-block-start

Sifat padding-inline-end

Sifat padding-inline-start

Lain-lain

Sifat box-sizing

Sifat display

Sifat resize

Sifat aspect-ratio

Sifat object-fit

Pengiraan

Fungsi calc

Fungsi clamp

Fungsi min

Fungsi max

Unit Dimensi

Unit px

Unit em

Unit rem

Unit %

Unit fr

Unit vw

Unit vh untuk Saiz dalam CSS

Unit vmax

Unit vmin

Flex

Sifat flex-direction

Sifat justify-content

Sifat align-items

Sifat flex-wrap

Sifat flex-flow

Sifat align-self

Ciri order

Sifat flex-basis

Sifat flex-grow

Sifat flex-shrink

Sifat flex

Pemposisian

Sifat position

Sifat z-index

Pseudo-elemen backdrop

Sifat bottom

Sifat top

Sifat left

Sifat right

Sifat caption-side

Pelitupan

Sifat float

Sifat clear

Sifat shape-outside

Sifat shape-margin

Lajur

Sifat column-count

Sifat column-rule

Sifat column-width

Sifat column-span

Sifat columns

Penafian

Pseudokelas not

Berdasarkan Posisi

Pseudokelas first-child

Pseudokelas last-child

Pseudo kelas nth-child

Pseudo kelas nth-last-child

Pseudo-klas only-child

Berdasarkan Jenis dan Posisi

Pseudokelas first-of-type

Pseudokelas last-of-type

Pseudo kelas nth-of-type

Pseudo kelas nth-last-of-type

Pseudo-class only-of-type

Lain-lain

Pseudo-class empty

Pseudo-klas lang

Pseudokelas target

Bahagian Teks

Elemen Pseud first-letter

Elemen Pseud first-line

Peralihan Lancar

Sifat transition-duration

Sifat transition-delay

Sifat transition-property

Sifat transition-timing-function

Sifat transition

Animasi

Perintah @keyframes

Sifat animation-name

Sifat animation-duration

Sifat animation-delay

Sifat animation-timing-function

Sifat animation-iteration-count

Sifat animation-direction

Sifat animation-fill-mode

Sifat animation-play-state

Ciri animation

Transformasi

Sifat transform

Sifat transform-origin

Putaran

Fungsi rotate

Fungsi rotateX

Fungsi rotateY

Fungsi rotateZ

Fungsi rotate3d

Penskalaan

Fungsi scale

Fungsi scaleX

Fungsi scaleY

Kecondongan

Fungsi skew

Fungsi skewX

Fungsi skewY

Terjemahan

Fungsi translate

Fungsi translateX

Fungsi translateY

Penyisipan Teks

Pseudo-elemen after

Pseudo-elemen before

Sifat content

Fungsi attr

Pembilang

Sifat counter-increment

Sifat counter-reset

Pemilih

Pemilih Konteks dalam CSS

Pilih Anak dalam CSS

Pemilih Bersebelahan dalam CSS

Pemilih Adik Beradik dalam CSS

Pemilih Sejagat dalam CSS

Pemilih

Pemilih Mengikut Nama Atribut

Pemilih Berdasarkan Nilai Atribut

Pemilih bagi Permulaan Nilai Atribut

Pemilih berdasarkan Akhir Nilai Atribut

Pemilih Atribut mengikut Teks

Pemilih berdasarkan Salah Satu Nilai Atribut

Pemilih Atribut Mengikut Tanda Sempang dalam Nilai