Forum | tutorial pengembangan web terbaru
×

CSS Referensi

CSS Referensi CSS penyeleksi CSS fungsi CSS referensi Aural CSS Web Aman Font CSS animatable CSS unit CSS PX-EM Converter CSS warna CSS Warna Nilai-nilai CSS3 Dukungan Browser

CSS properti

align-content align-items align-self all animation animation-delay animation-direction animation-duration animation-fill-mode animation-iteration-count animation-name animation-play-state animation-timing-function backface-visibility background background-attachment background-blend-mode background-clip background-color background-image background-origin background-position background-repeat background-size border border-bottom border-bottom-color border-bottom-left-radius border-bottom-right-radius border-bottom-style border-bottom-width border-collapse border-color border-image border-image-outset border-image-repeat border-image-slice border-image-source border-image-width border-left border-left-color border-left-style border-left-width border-radius border-right border-right-color border-right-style border-right-width border-spacing border-style border-top border-top-color border-top-left-radius border-top-right-radius border-top-style border-top-width border-width bottom box-shadow box-sizing caption-side clear clip color column-count column-fill column-gap column-rule column-rule-color column-rule-style column-rule-width column-span column-width columns content counter-increment counter-reset cursor direction display empty-cells filter flex flex-basis flex-direction flex-flow flex-grow flex-shrink flex-wrap float font @font-face font-family font-size font-size-adjust font-stretch font-style font-variant font-weight hanging-punctuation height justify-content @keyframes left letter-spacing line-height list-style list-style-image list-style-position list-style-type margin margin-bottom margin-left margin-right margin-top max-height max-width @media min-height min-width nav-down nav-index nav-left nav-right nav-up opacity order outline outline-color outline-offset outline-style outline-width overflow overflow-x overflow-y padding padding-bottom padding-left padding-right padding-top page-break-after page-break-before page-break-inside perspective perspective-origin position quotes resize right tab-size table-layout text-align text-align-last text-decoration text-decoration-color text-decoration-line text-decoration-style text-indent text-justify text-overflow text-shadow text-transform top transform transform-origin transform-style transition transition-delay transition-duration transition-property transition-timing-function unicode-bidi vertical-align visibility white-space width word-break word-spacing word-wrap z-index



 

CSS Referensi


Catatan referensi CSS w3ii 'diuji secara teratur dengan semua browser utama.


CSS Properti

Grup Properti CSS


The "CSS" kolom menunjukkan di mana CSS versi properti didefinisikan (CSS1, CSS2, or CSS3) .

Properti warna

Milik Deskripsi CSS
color Mengatur warna teks 1
opacity Menetapkan tingkat opacity untuk elemen 3

Latar belakang dan Perbatasan Properti

Milik Deskripsi CSS
background Sebuah properti singkat untuk setting semua properti background dalam satu deklarasi 1
background-attachment Menentukan apakah gambar latar belakang tetap atau gulungan dengan sisa halaman 1
background-blend-mode Menentukan blending mode dari tiap layer background (color/image)
background-color Menentukan warna latar belakang dari elemen 1
background-image Menentukan satu atau lebih gambar latar belakang untuk elemen 1
background-position Menentukan posisi gambar latar belakang 1
background-repeat Menetapkan bagaimana gambar latar belakang akan diulang 1
background-clip Menentukan daerah lukisan latar belakang 3
background-origin Menentukan di mana latar belakang image(s) adalah / diposisikan 3
background-size Menentukan ukuran background image(s) 3
border Set semua properti perbatasan dalam satu deklarasi 1
border-bottom Set semua properti perbatasan bagian bawah dalam satu deklarasi 1
border-bottom-color Mengatur warna border bottom
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 Set gaya perbatasan bawah 1
border-bottom-width Set lebar batas bawah 1
border-color Mengatur warna dari empat perbatasan 1
border-image Sebuah properti singkat untuk setting semua perbatasan-Image- * properti 3
border-image-outset Menentukan jumlah dimana area gambar perbatasan melampaui kotak perbatasan 3
border-image-repeat Menentukan apakah gambar perbatasan harus diulang, bulat atau diregangkan 3
border-image-slice Menentukan bagaimana mengiris gambar perbatasan 3
border-image-source Menentukan path ke gambar yang akan digunakan sebagai perbatasan 3
border-image-width Menentukan lebar dari gambar-perbatasan 3
border-left Set semua properti perbatasan kiri dalam satu deklarasi 1
border-left-color Set warna perbatasan kiri 1
border-left-style Set gaya perbatasan kiri 1
border-left-width Set lebar perbatasan kiri 1
border-radius Sebuah properti singkat untuk setting semua empat perbatasan - * - sifat radius 3
border-right Set semua properti perbatasan yang tepat dalam satu deklarasi 1
border-right-color Mengatur warna batas kanan 1
border-right-style Set gaya batas kanan 1
border-right-width Set lebar batas kanan 1
border-style Set gaya dari empat perbatasan 1
border-top Set semua properti perbatasan atas dalam satu deklarasi 1
border-top-color Set warna perbatasan atas 1
border-top-left-radius Mendefinisikan bentuk perbatasan pojok kiri 3
border-top-right-radius Mendefinisikan bentuk perbatasan sudut kanan atas 3
border-top-style Set gaya perbatasan atas 1
border-top-width Set lebar perbatasan atas 1
border-width Set lebar empat perbatasan 1
box-decoration-break Set perilaku latar belakang dan perbatasan elemen halaman-break, atau, untuk elemen in-line, pada baris-break. 3
box-shadow Menempel satu atau lebih drop-bayangan untuk kotak 3

Dasar Properti kotak

Milik Deskripsi CSS
bottom Menentukan posisi bawah elemen diposisikan 2
clear Menentukan yang sisi elemen mana elemen mengambang lainnya tidak diperbolehkan 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 Menetapkan tinggi suatu elemen 1
left Menentukan posisi kiri dari elemen diposisikan 2
margin Set semua properti margin dalam satu deklarasi 1
margin-bottom Menetapkan margin bawah elemen 1
margin-left Mengatur margin kiri elemen 1
margin-right Menetapkan margin kanan dari elemen 1
margin-top Mengatur margin atas suatu elemen 1
max-height Menetapkan ketinggian maksimum elemen 2
max-width Set lebar maksimum elemen 2
min-height Menetapkan ketinggian minimum elemen 2
min-width Set lebar minimum elemen 2
overflow
Menentukan apa yang terjadi jika konten meluap kotak elemen ini 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 bagian atas tepi / bawah konten, jika meluap area konten elemen 3
padding Set semua padding dalam satu deklarasi 1
padding-bottom Menetapkan padding bawah elemen 1
padding-left Menetapkan padding kiri elemen 1
padding-right Menetapkan padding kanan elemen 1
padding-top Menetapkan padding atas sebuah 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 unsur terlihat 2
width Set lebar elemen 1
vertical-align Mengatur alignment vertikal elemen 1
z-index Menetapkan urutan tumpukan elemen diposisikan 2

Fleksibel Box Tata Letak

Milik Deskripsi CSS
align-content Menentukan keselarasan antara garis dalam sebuah wadah yang fleksibel ketika item tidak menggunakan semua ruang yang tersedia 3
align-items Menentukan keselarasan untuk item dalam sebuah wadah yang fleksibel 3
align-self Menentukan keselarasan untuk item yang dipilih dalam sebuah wadah yang fleksibel 3
flex Menentukan panjang item, relatif terhadap sisanya 3
flex-basis Menentukan panjang awal dari item yang fleksibel 3
flex-direction Menentukan arah item yang fleksibel 3
flex-flow Sebuah properti singkat untuk flex-arah dan sifat flex-wrap 3
flex-grow Menentukan berapa banyak item akan tumbuh relatif sisanya 3
flex-shrink Menentukan bagaimana item akan menyusut relatif sisanya 3
flex-wrap Menentukan apakah item fleksibel harus membungkus atau tidak 3
justify-content Menentukan keselarasan antara item dalam sebuah wadah yang fleksibel ketika item tidak menggunakan semua ruang yang tersedia 3
order Menetapkan urutan item yang fleksibel, relatif sisanya 3

Properti teks

Milik Deskripsi CSS
hanging-punctuation Menentukan apakah karakter tanda baca dapat ditempatkan di luar kotak garis 3
hyphens Set bagaimana membagi kata-kata untuk meningkatkan tata letak paragraf 3
letter-spacing Meningkat atau menurun ruang antara karakter dalam teks 1
line-break Menentukan bagaimana / jika untuk memecahkan garis 3
line-height Mengatur tinggi baris 1
overflow-wrap Menentukan apakah atau tidak browser bisa pecah garis dalam kata-kata untuk mencegah overflow (ketika string terlalu panjang untuk muat kotak yang memuat) 3
tab-size Menentukan panjang tab-karakter 3
text-align Menentukan keselarasan horizontal teks 1
text-align-last Menggambarkan bagaimana baris terakhir dari blok atau garis tepat sebelum garis istirahat dipaksa sejajar ketika text-align adalah "justify" 3
text-combine-upright Menentukan kombinasi dari beberapa karakter ke dalam ruang dari satu karakter 3
text-indent Menentukan indentasi dari baris pertama dalam teks-blok 1
text-justify Menentukan metode pembenaran digunakan ketika text-align adalah "justify" 3
text-transform Kontrol kapitalisasi teks 1
white-space Menentukan bagaimana putih-ruang di dalam elemen ditangani 1
word-break Menentukan garis melanggar aturan untuk skrip non-CJK 3
word-spacing Meningkat atau menurun ruang antara kata-kata dalam sebuah teks 1
word-wrap Memungkinkan panjang, kata-kata bisa dipecahkan untuk dilanggar dan membungkus ke baris berikutnya 3

Dekorasi teks Properti

Milik Deskripsi CSS
text-decoration Menentukan dekorasi ditambahkan ke teks 1
text-decoration-color Menentukan warna text-decoration 3
text-decoration-line Menentukan jenis garis dalam text-decoration 3
text-decoration-style Menentukan gaya garis dalam dekorasi teks 3
text-shadow Menambahkan bayangan untuk teks 3
text-underline-position Menentukan posisi garis bawah yang diatur menggunakan properti text-decoration 3

Properti Font

Milik Deskripsi CSS
@font-face Aturan yang memungkinkan situs web untuk men-download dan menggunakan font selain "web-safe" font 3
@font-feature-values Memungkinkan penulis untuk menggunakan nama yang umum di font-varian-alternatif untuk fitur diaktifkan berbeda di OpenType 3
font Set semua properti font dalam satu deklarasi 1
font-family Menentukan keluarga font untuk teks 1
font-feature-settings Memungkinkan kontrol atas fitur tipografi maju dalam font OpenType 3
font-kerning Kontrol penggunaan informasi kerning (how letters are spaced) 3
font-language-override Kontrol penggunaan mesin terbang khusus bahasa dalam jenis huruf a 3
font-size Menentukan ukuran font teks 1
font-size-adjust Mempertahankan pembacaan teks bila font yang fallback terjadi 3
font-stretch Memilih normal, kental, atau wajah diperluas dari keluarga font 3
font-style Menentukan gaya font untuk teks 1
font-synthesis Kontrol yang hilang tipografi (bold or italic) dapat disintesis oleh browser 3
font-variant Menentukan apakah atau tidak sebuah teks harus ditampilkan dalam font kecil-caps 1
font-variant-alternates Kontrol penggunaan mesin terbang alternatif yang terkait dengan nama-nama alternatif didefinisikan dalam @ font-fitur-nilai 3
font-variant-caps Kontrol penggunaan mesin terbang alternatif untuk huruf 3
font-variant-east-asian Kontrol penggunaan mesin terbang alternatif untuk script Asia Timur (misalnya Jepang dan Cina) 3
font-variant-ligatures Kontrol yang ligatures dan bentuk kontekstual digunakan dalam konten tekstual elemen itu berlaku untuk 3
font-variant-numeric Kontrol penggunaan mesin terbang alternatif untuk nomor, fraksi, dan spidol ordinal 3
font-variant-position Kontrol penggunaan mesin terbang alternatif dari ukuran yang lebih kecil diposisikan sebagai superscript atau subscript mengenai dasar dari font 3
font-weight Menentukan berat font 1

Menulis Mode Properti

Milik Deskripsi CSS
direction Menentukan arah teks / arah menulis 2
text-orientation Mendefinisikan orientasi teks dalam garis 3
text-combine-upright Menentukan kombinasi dari beberapa karakter ke dalam ruang dari satu karakter 3
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
writing-mode3

Table properties

Milik Deskripsi CSS
border-collapse Menentukan apakah atau tidak batas 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 di meja 2
table-layout Set algoritma tata letak yang akan digunakan untuk tabel 2

Daftar dan Penghitung Properti

Milik Deskripsi CSS
counter-increment Increment satu atau lebih counter 2
counter-reset Menciptakan atau mengatur ulang satu atau lebih counter 2
list-style Set semua properti untuk daftar di salah satu deklarasi 1
list-style-image Menentukan gambar sebagai daftar-item penanda 1
list-style-position Menentukan jika penanda daftar-item akan muncul di dalam atau di luar aliran konten 1
list-style-type Menentukan jenis daftar-item penanda 1

animasi Properti

Milik Deskripsi CSS
@keyframes Menentukan kode animasi 3
animation Sebuah properti singkat untuk semua properti animasi (kecuali animasi-play-negara dan animasi-fill-mode) 3
animation-delay Menentukan penundaan untuk memulai animasi 3
animation-direction Menentukan apakah atau tidak animasi harus bermain secara terbalik pada siklus alternatif 3
animation-duration Menentukan berapa detik atau milidetik animasi yang diperlukan untuk menyelesaikan satu siklus 3
animation-fill-mode Menentukan gaya untuk elemen ketika animasi tidak bermain (when it is finished, or when it has a delay) 3
animation-iteration-count Menentukan jumlah kali animasi harus dimainkan 3
animation-name Menentukan nama @keyframes animasi 3
animation-play-state Menentukan apakah animasi sedang berjalan atau berhenti 3
animation-timing-function Menentukan kurva kecepatan animasi 3

Transform Properti

Milik Deskripsi CSS
backface-visibility Mendefinisikan apakah atau tidak unsur harus terlihat ketika 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 bersarang tersebut diberikan di ruang 3D 3

transisi Properti

Milik Deskripsi CSS
transition Sebuah properti singkat untuk menetapkan empat sifat transisi 3
transition-property Menentukan nama 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 kapan efek transisi akan mulai 3

Dasar Properti User Interface

Milik Deskripsi CSS
box-sizing Memberitahu browser apa sifat ukuran (width and height) harus mencakup 3
content Digunakan dengan: sebelum dan: setelah pseudo-elemen, untuk memasukkan konten yang dihasilkan 2
cursor Menentukan jenis kursor yang akan ditampilkan 2
ime-mode Mengontrol keadaan metode input editor untuk bidang teks 3
nav-down Menentukan di mana untuk menavigasi ketika menggunakan tombol navigasi panah-down 3
nav-index Menentukan urutan tabbing untuk elemen 3
nav-left Menentukan di mana untuk menavigasi ketika menggunakan tombol navigasi panah kiri 3
nav-right Menentukan di mana untuk menavigasi ketika menggunakan tombol navigasi panah kanan 3
nav-up Menentukan di mana untuk menavigasi ketika menggunakan tombol navigasi panah-up 3
outline Set semua properti outline dalam satu deklarasi 2
outline-color Mengatur warna garis 2
outline-offset Offset garis besar, dan menarik itu melebihi tepi perbatasan 3
outline-style Set gaya garis 2
outline-width Set 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 unsur yang mengandung 3

Multi-kolom Tata Letak Properti

Milik Deskripsi CSS
break-after Menentukan page-, kolom-, atau perilaku wilayah-break setelah kotak dihasilkan 3
break-before Menentukan page-, kolom-, atau perilaku wilayah-break sebelum kotak yang dihasilkan 3
break-inside Menentukan page-, kolom-, atau perilaku wilayah-break dalam kotak yang dihasilkan 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 Sebuah properti singkat untuk setting 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 Sebuah properti singkat untuk setting kolom-lebar dan kolom-count 3
widows Menetapkan jumlah minimum baris yang harus ditinggalkan di bagian atas halaman ketika istirahat halaman terjadi di dalam sebuah elemen 2

Paged Media

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

Generated Content untuk Paged Media

Milik Deskripsi CSS
marks Menambahkan tanaman dan / atau tanda silang untuk dokumen 3
quotes Menetapkan jenis tanda kutip untuk kutipan tertanam 2

Filter Efek Properti

Milik Deskripsi CSS
filter Mendefinisikan efek (eg blurring or color shifting) pada elemen sebelum elemen ditampilkan 3

Nilai gambar dan Konten Diganti

Milik Deskripsi CSS
image-orientation Menentukan rotasi di kanan atau searah jarum jam ke arah itu agen pengguna berlaku untuk gambar (properti ini kemungkinan akan ditinggalkan dan fungsinya dipindahkan ke HTML) 3
image-rendering Memberikan petunjuk untuk browser tentang apa aspek dari suatu gambar yang paling penting untuk menjaga ketika gambar akan diskala 3
image-resolution Menentukan resolusi intrinsik semua gambar raster digunakan di / pada elemen 3
object-fit Menentukan bagaimana isi elemen diganti harus dipasang ke kotak yang didirikan oleh tingginya digunakan dan lebar 3
object-position Menentukan penyelarasan elemen diganti dalam kotaknya 3

masking Properti

Milik Deskripsi CSS
mask3
mask-type3

pidato Properti

Milik Deskripsi CSS
mark Sebuah properti singkat untuk setting 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 elemen yang sesuai 3
rest Sebuah properti singkat untuk setting sisa-sebelum dan sisanya-setelah properti 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 mengambil untuk membuat konten elemen yang dipilih 3
voice-pitch Menentukan rata-rata lapangan (a frequency) dari suara yang berbicara 3
voice-pitch-range Menentukan variasi rata lapangan 3
voice-rate Mengontrol kecepatan bicara 3
voice-stress Menunjukkan kekuatan penekanan untuk diterapkan 3
voice-volume Mengacu pada amplitudo gelombang keluaran oleh synthesises pidato 3

Properti Marquee

Milik Deskripsi CSS
marquee-direction Menetapkan arah konten bergerak 3
marquee-play-count Set berapa kali konten bergerak 3
marquee-speed Menetapkan seberapa cepat gulungan konten 3
marquee-style Set gaya konten bergerak 3