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

❮ w3ii Depan Berikutnya 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) 3 
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 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 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

❮ w3ii Depan Berikutnya Referensi ❯