Macam-macam Propertise CSS

Macam-macam Propertise CSS dan Penjelasan nya : 

Color Properties                         

Description	CSS
Mengatur warna teks	1
Mengatur tingkat opacity untuk elemen	3

Background and Border Properties

Property	Description	CSS
background	Mengatur semua properti background dalam satu deklarasi	1
background-attachment	Menentukan apakah gambar latar belakang tetap atau gulungan dengan sisa halaman	1
background-color	Mengatur warna latar belakang dari elemen	1
background-image	Mengatur gambar latar belakang untuk elemen	1
background-position	Mengatur posisi awal dari gambar latar belakang	1
background-repeat	Set bagaimana gambar latar belakang akan diulang	1
background-clip	Menentukan area lukisan latar belakang	3
background-origin	Menentukan area posisi gambar latar belakang	3
background-size	Menentukan ukuran gambar latar belakang	3
border	Mengatur semua properti perbatasan dalam satu deklarasi	1
border-bottom	Mengatur semua properti perbatasan bawah dalam satu deklarasi	1
border-bottom-color	Mengatur warna border bawah	1
border-bottom-left-radius	Mendefinisikan bentuk perbatasan pojok bawah kiri	3
border-bottom-right-radius	Mendefinisikan bentuk perbatasan sudut kanan bawah	3
border-bottom-style	Mengatur gaya perbatasan bawah	1
border-bottom-width	Mengatur lebar perbatasan bawah	1
border-color	Mengatur warna dari empat batas	1
border-image	Sebuah properti singkat untuk pengaturan semua perbatasan-image-* properti	3
border-image-outset	Menentukan jumlah dimana bidang gambar perbatasan melampaui batas kotak	3
border-image-repeat	Menentukan apakah gambar-perbatasan harus diulang, bulat atau diregangkan	3
border-image-slice	Menentukan offset ke dalam gambar-perbatasan	3
border-image-source	Menentukan gambar yang akan digunakan sebagai perbatasan	3
border-image-width	Menentukan lebar dari gambar-perbatasan	3
border-left	Mengatur semua properti perbatasan kiri dalam satu deklarasi	1
border-left-color	Mengatur warna dari batas kiri	1
border-left-style	Mengatur gaya perbatasan kiri	1
border-left-width	Mengatur lebar batas kiri	1
border-radius	Properti singkatan untuk menetapkan semua empat properti border-radius-*	3
border-right	Mengatur semua properti perbatasan yang tepat dalam satu deklarasi	1
border-right-color	Mengatur warna dari batas kanan	1
border-right-style	Mengatur gaya perbatasan yang tepat	1
border-right-width	Mengatur lebar perbatasan yang tepat	1
border-style	Mengatur gaya dari empat perbatasan	1
border-top	Mengatur semua properti perbatasan atas dalam satu deklarasi	1
border-top-color	Mengatur warna perbatasan atas	1
border-top-left-radius	Mendefinisikan bentuk perbatasan pojok kiri	3
border-top-right-radius	Mendefinisikan bentuk perbatasan pojok kanan atas	3
border-top-style	Mengatur gaya perbatasan atas	1
border-top-width	Mengatur lebar perbatasan atas	1
border-width	Mengatur lebar dari empat batas	1
box-decoration-break	Mengatur perilaku latar belakang dan perbatasan elemen pada halaman-break, atau, untuk in-line elemen, pada baris-break.	3
box-shadow	Menempel satu atau lebih drop-bayangan ke kotak	3

Basic Box Properties

Property	Description	CSS
bottom	Menentukan posisi bawah elemen diposisikan	2
clear	Menentukan sisi elemen di mana unsur-unsur terapung lainnya tidak diperbolehkan yang	1
clip	Klip elemen benar-benar diposisikan	2
display	Menentukan bagaimana elemen HTML tertentu harus ditampilkan	1
float	Menentukan apakah atau tidak kotak harus mengapung	1
height	Mengatur ketinggian elemen	1
left	Menentukan posisi kiri elemen diposisikan	2
overflow	Menentukan apa yang terjadi jika konten meluap kotak elemen yang	2
overflow-x	Menentukan apakah atau tidak untuk klip kiri / kanan tepi konten, jika meluap area konten elemen	3
overflow-y	Menentukan apakah atau tidak untuk klip tepi atas / bawah konten, jika meluap area konten elemen	3
padding	Mengatur semua properti bantalan dalam satu deklarasi	1
padding-bottom	Mengatur padding bawah elemen	1
padding-left	Mengatur padding kiri dari sebuah elemen	1
padding-right	Mengatur padding kanan elemen	1
padding-top	Mengatur padding atas elemen	1
position	Menentukan jenis metode penentuan posisi yang digunakan untuk elemen (statis, relatif, absolut atau tetap)	2
right	Menentukan posisi yang tepat dari elemen diposisikan	2
top	Menentukan posisi teratas dari elemen diposisikan	2
visibility	Menentukan apakah atau tidak elemen terlihat	2
width	Mengatur lebar elemen	1
vertical-align	Mengatur alignment vertikal dari elemen	1
z-index	Mengatur urutan tumpukan elemen diposisikan	2

Flexible Box Layout

Property	Description	CSS
align-content	Menentukan keselarasan antara garis-garis di dalam wadah fleksibel ketika item tidak menggunakan semua ruang yang tersedia.	3
align-items	Menentukan alignment untuk item di dalam wadah yang fleksibel.	3
align-self	Menentukan alignment untuk item yang dipilih dalam wadah yang fleksibel.	3
display	Menentukan bagaimana elemen HTML tertentu harus ditampilkan	1
flex		3
flex-basis		3
flex-direction		3
flex-flow		3
flex-grow		3
flex-shrink		3
flex-wrap		3
justify-content		3
margin	Mengatur semua properti marjin dalam satu deklarasi	1
margin-bottom	Mengatur margin bawah elemen	1
margin-left	Mengatur margin kiri dari suatu elemen	1
margin-right	Mengatur margin kanan dari elemen	1
margin-top	Mengatur margin atas dari elemen	1
max-height	Mengatur ketinggian maksimum elemen	2
max-width	Mengatur lebar maksimum dari suatu elemen	2
min-height	Mengatur ketinggian minimum elemen	2
min-width	Mengatur lebar minimum dari elemen	2
		3

Text Properties

Property	Description	CSS
hyphens	Mengatur cara untuk membagi kata-kata untuk meningkatkan tata letak paragraf	3
letter-spacing	Menambah atau mengurangi ruang antara karakter dalam teks	1
line-height	Mengatur tinggi baris	1
overflow-wrap		3
tab-size		3
text-align	Menentukan alignment horizontal teks	1
text-align-last	Menjelaskan bagaimana baris terakhir blok atau garis tepat sebelum istirahat garis dipaksa sejajar ketika text-align adalah "membenarkan"	3
text-combine-horizontal		3
text-indent	Menentukan indentasi dari baris pertama dalam teks-blok	1
text-transform	Mengontrol kapitalisasi teks	1
white-space	Menentukan bagaimana putih-ruang di dalam elemen ditangani	1
word-break	Menentukan garis melanggar aturan untuk script non-CJK	3
word-spacing	Menambah atau mengurangi ruang antara kata-kata dalam teks	1
word-wrap	Memungkinkan lama, kata-kata bisa dipecahkan menjadi rusak dan membungkus ke baris berikutnya	3

Text Decoration Properties

Property	Description	CSS
text-decoration	Menentukan dekorasi ditambahkan ke teks	1
text-decoration-color		3
text-decoration-line		3
text-decoration-style		3
text-shadow	Menambahkan bayangan untuk teks	3
text-underline-position		3

Font Properties

Property	Description	CSS
font	Mengatur semua properti font dalam satu deklarasi	1
font-family	Menentukan keluarga font untuk teks	1
font-feature-setting		3
@font-feature-values		3
font-kerning		3
font-language-override		3
font-synthesis		3
font-variant-alternates		3
font-variant-caps		3
font-variant-east-asian		3
font-variant-ligatures		3
font-variant-numeric		3
font-variant-position		3
font-size	Menentukan ukuran font teks	1
font-style	Menentukan gaya font untuk teks	1
font-variant	Menentukan apakah atau tidak teks harus ditampilkan dalam font small-caps	1
font-weight	Menentukan berat font	1
@font-face	Aturan yang memungkinkan situs web untuk men-download dan menggunakan font selain "web-safe" font	3
font-size-adjust	Mempertahankan pembacaan teks ketika huruf fallback terjadi	3
font-stretch	Memilih kental, atau diperluas, wajah yang normal dari keluarga font	3

Writing Modes Properties

Property	Description	CSS
direction	Menentukan arah arah teks / tulisan	2
unicode-bidi	Digunakan bersama-sama dengan arah properti untuk mengatur atau kembali apakah teks harus diganti untuk mendukung beberapa bahasa dalam dokumen yang sama	2

Table Properties

Property	Description	CSS
border-collapse	Menentukan apakah atau tidak perbatasan tabel harus runtuh	2
border-spacing	Menentukan jarak antara batas sel yang berdekatan	2
caption-side	Menentukan penempatan judul tabel	2
empty-cells	Menentukan apakah atau tidak untuk menampilkan perbatasan dan latar belakang pada sel kosong dalam sebuah tabel	2
table-layout	Mengatur tata letak algoritma yang akan digunakan untuk tabel	2

Lists and Counters Properties

Property	Description	CSS
counter-increment	Increment satu atau lebih counters	2
counter-reset	Menciptakan atau me-reset satu atau lebih counters	2
list-style	Mengatur semua properti untuk daftar dalam satu deklarasi	1
list-style-image	Menentukan gambar sebagai penanda daftar-item	1
list-style-position	Menentukan apakah penanda daftar-item akan muncul di dalam atau di luar aliran konten	1
list-style-type	Menentukan jenis daftar-item penanda	1

Animation Properties

Property	Description	CSS
@keyframes	Menentukan animasi	3
animation	Properti singkat untuk semua properti animasi di bawah ini, kecuali properti animasi-play-state	3
animation-delay	Menentukan ketika animasi akan mulai	3
animation-direction	Menentukan apakah animasi harus bermain secara terbalik pada siklus alternatif	3
animation-duration	Menentukan berapa detik atau milidetik animasi diperlukan untuk menyelesaikan satu siklus	3
animation-fill-mode	Menentukan nilai-nilai apa yang diterapkan oleh animasi di luar waktu mengeksekusi	3
animation-iteration-count	Menentukan jumlah kali sebuah animasi harus dimainkan	3
animation-name	Menentukan nama untuk @ keyframes animasi	3
animation-timing-function	Menentukan kurva kecepatan animasi	3
animation-play-state	Menentukan apakah animasi sedang berjalan atau berhenti	3

Transform Properties

Property	Description	CSS
backface-visibility	Tetapkan apakah atau tidak sebuah elemen akan terlihat bila tidak menghadap layar	3
perspective	Menentukan perspektif tentang bagaimana elemen 3D dipandang	3
perspective-origin	Menentukan posisi bawah elemen 3D	3
transform	Menerapkan transformasi 2D atau 3D untuk elemen	3
transform-origin	Memungkinkan Anda untuk mengubah posisi pada elemen berubah	3
transform-style	Menentukan bagaimana elemen-elemen bersarang tersebut diberikan di ruang 3D	3

Transitions Properties

Property	Description	CSS
transition	Properti singkatan untuk menetapkan empat sifat transisi	3
transition-property	Menentukan nama dari properti CSS efek transisi untuk	3
transition-duration	Menentukan berapa detik atau milidetik efek transisi diperlukan untuk menyelesaikan	3
transition-timing-function	Menentukan kurva kecepatan efek transisi	3
transition-delay	Menentukan ketika efek transisi akan mulai	3

Basic User Interface Properties

Property	Description	CSS
box-sizing	Memungkinkan Anda untuk menentukan unsur-unsur tertentu agar sesuai daerah dengan cara tertentu	3
content	Digunakan dengan: sebelum dan: setelah pseudo-elemen, untuk memasukkan konten yang dihasilkan	2
cursor	Menentukan jenis kursor yang akan ditampilkan	2
icon	Menyediakan penulis kemampuan untuk gaya elemen dengan setara ikonik	3
ime-mode		3
nav-down	Menentukan mana untuk menavigasi ketika menggunakan tombol navigasi panah-down	3
nav-index	Menentukan urutan tabbing untuk elemen	3
nav-left	Menentukan mana untuk menavigasi ketika menggunakan tombol navigasi panah-kiri	3
nav-right	Menentukan mana untuk menavigasi ketika menggunakan tombol navigasi panah kanan	3
nav-up	Menentukan mana untuk menavigasi ketika menggunakan tombol navigasi panah-up	3
outline	Mengatur semua properti outline dalam satu deklarasi	2
outline-color	Mengatur warna garis	2
outline-offset	Offset garis besar, dan menarik itu di luar tepi perbatasan	3
outline-style	Mengatur gaya garis	2
outline-width	Mengatur lebar garis	2
resize	Menentukan apakah atau tidak suatu unsur adalah resizable oleh pengguna	3
text-overflow	Menentukan apa yang harus terjadi ketika teks meluap elemen yang mengandung	3

Multi-column Layout Properties

Property	Description	CSS
break-after		3
break-before		3
break-inside		3
column-count	Menentukan jumlah kolom elemen harus dibagi menjadi	3
column-fill	Menentukan bagaimana mengisi kolom	3
column-gap	Menentukan kesenjangan antara kolom	3
column-rule	Properti singkatan untuk menetapkan semua kolom-aturan * properti	3
column-rule-color	Menentukan warna aturan antara kolom	3
column-rule-style	Menentukan gaya aturan antara kolom	3
column-rule-width	Menentukan lebar aturan antara kolom	3
column-span	Menentukan berapa banyak kolom elemen harus mencakup seluruh	3
column-width	Menentukan lebar kolom	3
columns	Properti singkatan untuk menetapkan kolom-lebar dan kolom-hitung	3
widows	Mengatur jumlah minimum baris yang harus ditinggalkan di bagian atas halaman ketika istirahat halaman terjadi di dalam elemen	2

Paged Media

Property	Description	CSS
orphans	Mengatur jumlah minimum baris yang harus ditinggalkan di bagian bawah halaman ketika istirahat halaman terjadi di dalam elemen	2
page-break-after	Mengatur perilaku halaman-melanggar setelah elemen	2
page-break-before	Mengatur perilaku halaman-melanggar sebelum elemen	2
page-break-inside	Mengatur halaman-melanggar perilaku dalam elemen	2

Generated Content for Paged Media

Property	Description	CSS
marks	Menambahkan tanaman dan / atau tanda silang pada dokumen	3
quotes	Mengatur jenis tanda kutip untuk kutipan tertanam	2

Filter Effects Properties

Property	Description	CSS
filter		3

Image Values and Replaced Content

Property	Description	CSS
image-orientation	Menentukan rotasi ke arah yang benar atau searah jarum jam bahwa agen pengguna berlaku untuk gambar	3
image-rendering		3
image-resolution		3
object-fit		3
object-position		3

Masking Properties

Property	Description	CSS
mask		3
mask-type		3

Speech Properties

Property	Description	CSS
mark	Properti singkatan untuk menetapkan sifat mark-sebelum dan mark-setelah	3
mark-after	Memungkinkan bernama spidol harus terpasang ke stream audio	3
mark-before	Memungkinkan bernama spidol harus terpasang ke stream audio	3
phonemes	Menentukan pengucapan fonetik untuk teks yang terkandung oleh unsur terkait	3
rest	Properti singkatan untuk menetapkan sifat sisa-sisa sebelum dan setelah-	3
rest-after	Menentukan istirahat atau batas prosodi untuk diamati setelah berbicara konten sebuah elemen	3
rest-before	Menentukan istirahat atau batas prosodi untuk diamati sebelum berbicara konten sebuah elemen	3
voice-balance	Menentukan keseimbangan antara saluran kiri dan kanan	3
voice-duration	Menentukan berapa lama harus dilakukan untuk membuat konten elemen yang dipilih	3
voice-pitch	Menentukan lapangan rata-rata (frekuensi) dari suara bicara	3
voice-pitch-range	Menentukan variasi dalam rata-rata lapangan	3
voice-rate	Mengontrol kecepatan bicara	3
voice-stress	Menunjukkan kekuatan penekanan yang akan diterapkan	3
voice-volume	Mengacu pada amplitudo output gelombang oleh synthesises pidato	3

Marquee Properties

Property	Description	CSS
marquee-direction	Mengatur arah konten bergerak	3
marquee-play-count	Set berapa kali bergerak konten	3
marquee-speed	Set seberapa cepat gulungan konten	3
marquee-style	Mengatur gaya konten bergerak	3