Latest web development tutorials
×

CSS Reference manual

CSS Reference manual CSS Pemilih CSS pidato Referensi CSS Web font aman CSS animasi CSS satuan CSS warna CSS nilai warna Hukum CSS nama warna CSS nilai warna heksadesimal CSS Dukungan Browser

CSS milik

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 appearance 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-align box-direction box-flex box-flex-group box-lines box-ordinal-group box-orient box-pack 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 grid-columns grid-rows hanging-punctuation height icon 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 punctuation-trim quotes resize right rotation tab-size table-layout target target-name target-new target-position text-align text-align-last text-decoration text-decoration-color text-decoration-line text-decoration-style text-indent text-justify text-outline text-overflow text-shadow text-transform text-wrap 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 Ini CSS Referensi tutorial di semua browser utama diuji.

properti CSS

CSS Property Group:

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

sifat animasi

属性 描述 CSS
@keyframes 定义一个动画,@keyframes定义的动画名称用来被animation-name所使用。 3
animation 复合属性。检索或设置对象所应用的动画特效。 3
animation-name 检索或设置对象所应用的动画名称 ,必须与规则@keyframes配合使用，因为动画名称由@keyframes定义 3
animation-duration 检索或设置对象动画的持续时间 3
animation-timing-function 检索或设置对象动画的过渡类型 3
animation-delay 检索或设置对象动画的延迟时间 3
animation-iteration-count 检索或设置对象动画的循环次数 3
animation-direction 检索或设置对象动画在循环中是否反向运动 3
animation-play-state 检索或设置对象动画的状态 3

latar belakang Properti

属性 描述 CSS
background 复合属性。设置对象的背景特性。 1
background-attachment 设置或检索背景图像是随对象内容滚动还是固定的。必须先指定background-image属性。 1
background-color 设置或检索对象的背景颜色。 1
background-image 设置或检索对象的背景图像。 1
background-position 设置或检索对象的背景图像位置。必须先指定background-image属性。 1
background-repeat 设置或检索对象的背景图像如何铺排填充。必须先指定background-image属性。 1
background-clip 指定对象的背景图像向外裁剪的区域。 3
background-origin S设置或检索对象的背景图像计算background-position时的参考原点(位置)。 3
background-size 检索或设置对象的背景图像的尺寸大小。 3

Perbatasan (Border) dan garis (Garis) Properti

属性 描述 CSS
border 复合属性。设置对象边框的特性。 1
border-bottom 复合属性。设置对象底部边框的特性。 1
border-bottom-color 设置或检索对象的底部边框颜色。 1
border-bottom-style 设置或检索对象的底部边框样式。 1
border-bottom-width 设置或检索对象的底部边框宽度。 1
border-color 置或检索对象的边框颜色。 1
border-left 复合属性。设置对象左边边框的特性。 1
border-left-color 设置或检索对象的左边边框颜色。 1
border-left-style 设置或检索对象的左边边框样式。 1
border-left-width 设置或检索对象的左边边框宽度。 1
border-right 复合属性。设置对象右边边框的特性。 1
border-right-color 设置或检索对象的右边边框颜色。 1
border-right-style 设置或检索对象的右边边框样式。 1
border-right-width 设置或检索对象的右边边框宽度。 1
border-style 设置或检索对象的边框样式。 1
border-top 复合属性。设置对象顶部边框的特性。 1
border-top-color 设置或检索对象的顶部边框颜色 1
border-top-style 设置或检索对象的顶部边框样式。 1
border-top-width 设置或检索对象的顶部边框宽度。 1
border-width 设置或检索对象的边框宽度。 1
outline 复合属性。设置或检索对象外的线条轮廓。 2
outline-color 设置或检索对象外的线条轮廓的颜色。 2
outline-style 设置或检索对象外的线条轮廓的样式。 2
outline-width 设置或检索对象外的线条轮廓的宽度。 2
border-bottom-left-radius 设置或检索对象的左下角圆角边框。提供2个参数，2个参数以空格分隔，每个参数允许设置1个参数值，第1个参数表示水平半径，第2个参数表示垂直半径，如第2个参数省略，则默认等于第1个参数 3
border-bottom-right-radius 设置或检索对象的右下角圆角边框。 3
border-image 设置或检索对象的边框样式使用图像来填充。 3
border-image-outset 规定边框图像超过边框的量。 3
border-image-repeat 规定图像边框是否应该被重复（repeated）、拉伸（stretched）或铺满（rounded）。 3
border-image-slice 规定图像边框的向内偏移。 3
border-image-source 规定要使用的图像，代替 border-style 属性中设置的边框样式。 3
border-image-width 规定图像边框的宽度。 3
border-radius 设置或检索对象使用圆角边框。 3
border-top-left-radius 定义左上角边框的形状。 3
border-top-right-radius 定义右下角边框的形状。 3
box-decoration-break 规定行内元素被折行 3
box-shadow 向方框添加一个或多个阴影。 3

Box (kotak) Properti

属性 描述 CSS
overflow-x 如果内容溢出了元素内容区域，是否对内容的左/右边缘进行裁剪。 3
overflow-y 如果内容溢出了元素内容区域，是否对内容的上/下边缘进行裁剪。 3
overflow-style 规定溢出元素的首选滚动方法。 3
rotation 围绕由 rotation-point 属性定义的点对元素进行旋转。 3
rotation-point 定义距离上左边框边缘的偏移点。 3

Warna (warna) sifat

属性 描述 CSS
color-profile 允许使用源的颜色配置文件的默认以外的规范 3
opacity 设置一个元素的透明度级别 3
rendering-intent 允许超过默认颜色配置文件渲染意向的其他规范 3

Padding (Padding) Properti

milik penjelasan CSS
lapisan Atur semua padding dalam satu deklarasi 1
padding-bottom Mengatur elemen bantalan bawah 1
padding-left Unsur padding kiri 1
padding-right Elemen diatur bantalan yang tepat 1
padding-top Pengaturan di elemen atas untuk mengisi 1

Media konten halaman Properti

属性 说明 CSS
bookmark-label 指定书签的标签 3
bookmark-level 指定了书签级别 3
bookmark-target 指定了书签链接的目标 3
float-offset 在相反的方向推动浮动元素，他们一直具有浮动 3
hyphenate-after 指定一个断字的单词断字字符后的最少字符数 3
hyphenate-before 指定一个断字的单词断字字符前的最少字符数 3
hyphenate-character 指定了当一个断字发生时，要显示的字符串 3
hyphenate-lines 表示连续断字的行在元素的最大数目 3
hyphenate-resource 外部资源指定一个逗号分隔的列表，可以帮助确定浏览器的断字点 3
hyphens 设置如何分割单词以改善该段的布局 3
image-resolution 指定了正确的图像分辨率 3
marks 将crop and/or cross标志添加到文档 3
string-set   3

Ukuran (Dimensi) Properti

属性 描述 CSS
height 设置元素的高度 1
max-height 设置元素的最大高度 2
max-width 设置元素的最大宽度 2
min-height 设置元素的最小高度 2
min-width 设置元素的最小宽度 2
width 设置元素的宽度 1

Fleksibel Box Model (Flexible Box) properti (baru)

属性 说明 CSS
flex 复合属性。设置或检索弹性盒模型对象的子元素如何分配空间。 3
flex-grow 设置或检索弹性盒的扩展比率。 3
flex-shrink 设置或检索弹性盒的收缩比率。 3
flex-basis 设置或检索弹性盒伸缩基准值。 3
flex-flow 复合属性。设置或检索弹性盒模型对象的子元素排列方式。 3
flex-direction 该属性通过定义flex容器的主轴方向来决定felx子项在flex容器中的位置。 3
flex-wrap 该属性控制flex容器是单行或者多行，同时横轴的方向决定了新行堆叠的方向。 3
align-content 在弹性容器内的各项没有占用交叉轴上所有可用的空间时对齐容器内的各项（垂直）。 3
align-items 定义flex子项在flex容器的当前行的侧轴（纵轴）方向上的对齐方式。 3
align-self 定义flex子项单独在侧轴（纵轴）方向上的对齐方式。 3
justify-content 设置或检索弹性盒子元素在主轴（横轴）方向上的对齐方式。 3
order 设置或检索弹性盒模型对象的子元素出现的順序。 3

Fleksibel Box Model (Flexible Box) properti (lama)

milik penjelasan CSS
kotak-align Menentukan bagaimana untuk menyelaraskan blok sub-elemen 3
kotak-arah Di mana arah yang ditentukan, akan menampilkan elemen kotak anak 3
kotak-flex Tentukan apakah kotak sub-elemen yang ukuran fleksibel atau tetap 3
kotak-flex-kelompok elemen fleksibel ditugaskan untuk Flex Grup 3
kotak-garis Setiap kali berjalan di ruang bingkai orangtua ketika lebih menentukan apakah baris baru 3
kotak-ordinal-kelompok Sebuah urutan bingkai layar dari sub-elemen 3
kotak-orient Menentukan apakah kotak elemen anak dalam arah horisontal atau vertikal harus diletakkan 3
kotak-pack Menentukan kotak lateral dalam posisi horizontal dan posisi vertikal dari frame vertikal 3

Font (Font) Properti

milik penjelasan CSS
fon Mengatur semua properti font dalam satu deklarasi 1
font-family Ketentuan font keluarga teks 1
font-size Ketentuan ukuran font teks 1
font-style teks gaya font yang ditentukan 1
font-varian teks gaya font yang ditentukan 1
font-weight Resep berat badan Font 1
@ Font-face Aturan yang memungkinkan situs untuk men-download dan menggunakan selain "Web-aman" untuk font 3
font-size-adjust Nilai aspek elemen yang telah ditentukan 3
font-stretch Mengecilkan atau meregangkan keluarga font saat ini 3

atribut generasi konten (Generated Properti konten)

milik penjelasan CSS
kadar Dengan: sebelum dan: konten setelah pseudo-elemen yang digunakan dalam hubungannya untuk menyisipkan dihasilkan 2
kontra-increment Kenaikan atau penurunan satu atau lebih counter 2
kontra-ulang Membuat satu atau lebih counter atau reset 2
tanda kutip Set bersarang kutipan jenis direferensikan 2
tanaman Memungkinkan elemen diganti hanya sebagai objek bukan bidang segi empat dari seluruh objek 3
pindah ke Menyebabkan elemen untuk dihapus dari aliran dan dimasukkan kembali pada suatu titik kemudian dalam dokumen 3
Halaman-kebijakan nilai string ditentukan berdasarkan halaman untuk berlaku untuk unsur tertentu di meja 3

Grid (Grid) Properti

milik penjelasan CSS
grid-kolom Menentukan lebar setiap kolom di grid 3
grid-baris Menentukan tinggi setiap kolom di grid 3

Hyperlink (hyperlink) Properti

milik penjelasan CSS
target properti singkat untuk menetapkan target-nama, target baru, dan properti target-posisi 3
Target-nama Menentukan untuk membuka link (tujuan) di mana 3
Target-baru Menentukan apakah link target baru akan membuka jendela baru atau membuka tab baru di jendela yang ada 3
Target-posisi Tentukan link tujuan baru harus ditempatkan pada posisi 3

Wireframe (Linebox) Properti

milik penjelasan CSS
keselarasan menyesuaikan Memungkinkan penyelarasan lebih tepat dari elemen 3
keselarasan-dasar induk elemen level tertentu inline bagaimana menyelaraskan 3
dasar-shift Memungkinkan reposisi dominan-dasar relatif terhadap dominan-dasar 3
dominan-dasar Menentukan skala-dasar-meja 3
tarik-awal-setelah-menyesuaikan Mengatur awal titik keselarasan pull-down titik koneksi utama 3
tarik-awal-setelah-align Mengatur garis kalibrasi dalam garis awal adalah bahwa ia memiliki huruf pertama dari kotak menggunakan jalur koneksi utama 3
tarik-awal-sebelum-menyesuaikan Pengaturan buka-bawah titik koneksi tambahan keselarasan awal titik 3
tarik-awal-sebelum-align Mengatur garis kalibrasi dalam garis awal adalah bahwa ia memiliki huruf pertama dari kotak persimpangan tambahan 3
tarik-awal-size Huruf pertama dari kontrol subsidence lokal 3
tarik-awal-nilai Mengaktifkan drop-down hasil awal 3
inline-box-align Mengatur baris multisaluran inline blok yang memiliki selaras depan dan elemen inline berikutnya 3
line-susun Satu set line-susun-strategi, line-susun-ruby, dan garis-susun-pergeseran atribut properti singkat 3
line-susun-ruby Menetapkan garis susun metode untuk blok elemen yang mengandung unsur penjelasan Ruby 3
line-susun-shift Set garis dasar-pergeseran yang mengandung ditumpuk blok metode elemen elemen 3
line-susun-strategi Susun metode set terkandung dalam elemen blok stack frame 3
text-height text area kotak inline dimensi set blok-perkembangan 3

Daftar (daftar) Properti

milik penjelasan CSS
list-style Siapkan daftar semua properti dalam satu deklarasi 1
list-style-image Gambar sebagai penanda daftar-item 1
list-style-posisi penempatan barang penanda mengatur daftar 1
list-style-type Mengatur jenis daftar-item penanda 1

Margin (Margin) Properti

milik penjelasan CSS
batas Mengatur semua properti margin dalam satu deklarasi 1
margin-bottom Elemen diatur margin yang lebih rendah 1
margin-left Unsur dalam margin kiri 1
margin-right Unsur margin kanan 1
margin-top Elemen diatur pada margin 1

Teks (Marquee) Properti

milik penjelasan CSS
marquee-arah Menetapkan arah dari konten bergerak 3
marquee-play-count Berapa kali telah menyiapkan konten ponsel 3
marquee kecepatan Mengatur konten scroll seberapa cepat 3
marquee bergaya konten ponsel Styling 3

Beberapa kolom (Multi-kolom) Properti

milik penjelasan CSS
Kolom-count Jumlah kolom yang ditentukan elemen harus dibagi ke dalam 3
Kolom-fill Menentukan bagaimana mengisi kolom 3
Kolom-gap Ditentukan kesenjangan antara kolom 3
Kolom-aturan Siap untuk properti singkat kolom--aturan * properti 3
Kolom-aturan-warna Menentukan aturan warna antara kolom 3
Kolom-aturan-gaya Aturan gaya menentukan antara kolom 3
Kolom-aturan-lebar Menentukan lebar aturan antara kolom 3
Kolom-span Berapa banyak kolom elemen tertentu harus menjangkau 3
Kolom-lebar Menentukan lebar kolom 3
kolom properti singkat untuk mengatur jumlah kolom dan lebar kolom 3

Halaman Media (Paged Media) Properti

milik kehilangan CSS
cocok Jika lebar dan tinggi atribut tidak otomatis memberikan petunjuk tentang bagaimana besar elemen diganti 3
fit-posisi Menentukan keselarasan dari objek di dalam kotak 3
image-orientasi Menentukan agen pengguna cocok untuk benar atau memutar gambar searah jarum jam 3
halaman Tentukan jenis tertentu dari elemen harus menampilkan sebuah halaman 3
ukuran Tentukan isi dari halaman yang berisi ukuran BOX dan orientasi 3

Positioning (positioning) Properti

milik penjelasan CSS
bagian bawah blok Offset di perbatasan antara pengaturan margin yang lebih rendah menargetkan elemen yang terdiri dari perbatasan 2
jelas Sisi mana elemen yang telah ditentukan mencegah unsur-unsur mengambang lainnya 1
klip Potong elemen benar-benar diposisikan 2
kursor ketentuan jenis kursor yang akan ditampilkan (bentuk) 2
pameran Jenis menentukan elemen yang akan kotak dihasilkan 1
mengapung Apakah ketentuan kotak harus mengapung 1
kiri Pengaturan menargetkan elemen yang terdiri dari perbatasan kiri marjin offset antara tepi kiri blok 2
melimpah
Apa yang terjadi ketika isi dari ketentuan elemen kotak melimpah 2
posisi Lokasi Jenis menentukan elemen 2
benar Mengatur elemen posisi margin kanan yang berisi perbatasan blok offset dan perbatasan yang tepat antara 2
teratas Set menargetkan unsur yang terkandung di perbatasan dan offset margin antara batas blok 2
jarak penglihatan Adalah ketentuan elemen terlihat 2
z-index Mengatur urutan susun elemen 2

Pager (Cetak) Properti

milik penjelasan CSS
anak yatim Minimal jumlah baris terjadi ketika unsur-unsur internal harus dipertahankan tab di bagian bawah halaman 2
Halaman-break-setelah tab Settings perilaku elemen setelah 2
Halaman-break-sebelum tab Settings elemen perilaku sebelum 2
Halaman-break-dalam Unsur dalam perilaku tab 2
janda Minimal jumlah baris terjadi ketika unsur-unsur internal harus dipertahankan tab di bagian atas halaman 2

Ruby Properti

milik penjelasan CSS
ruby-align Ruby dan Ruby kontrol berbasis teks teks konten keselarasan relatif satu sama lain 3
ruby-overhang Ketika teks melebihi dasar Ruby Ruby lebar, menentukan lokal gunung teks ruby ​​teks yang berdekatan diperbolehkan, selain basis mereka 3
ruby-posisi Di mana ia mengendalikan basis teks Ruby 3
ruby-span Kontrol atas perilaku elemen anotasi 3

Speech (pidato) Properti

milik penjelasan CSS
tanda Set mark-sebelum dan mark-setelah atribut sifat singkatan 3
mark-setelah Memungkinkan bernama tag ke stream audio 3
mark-sebelum Memungkinkan bernama tag ke stream audio 3
fonem Menentukan yang berisi teks elemen terkait dalam pengucapan fonetik 3
sisa Menetapkan sisa-sebelum dan beristirahat-setelah atribut sifat singkatan 3
Sisanya-setelah Unsur konten setelah selesai, ditunjuk untuk mengambil istirahat atau mematuhi batas prosodi 3
Sisanya-sebelum Unsur konten sebelum finish, ditunjuk untuk mengambil istirahat atau mematuhi batas prosodi 3
suara-balance keseimbangan ditentukan saluran kiri dan kanan 3
suara-durasi Tentukan isi dari elemen yang dipilih harus diambil untuk membuat panjang 3
suara-pitch Menentukan nada suara rata-rata (frekuensi) 3
suara-pitch-range Menentukan perubahan pitch rata 3
suara-tingkat kontrol kecepatan 3
suara-stres upaya menunjukkan fokus 3
suara volume sintesis pidato berarti bahwa amplitudo gelombang keluaran 3

Table (meja) Properti

milik penjelasan CSS
border-collapse Menentukan apakah tabel merger perbatasan 2
border-spacing Sebuah jarak yang telah ditentukan antara batas sel yang berdekatan 2
caption-side Yang telah ditentukan lokasi dari tabel judul 2
kosong-sel Menentukan apakah untuk menampilkan perbatasan dan tabel background dalam sel kosong di 2
table-layout Pengaturan algoritma layout untuk tabel 2

Teks (teks) Properti

milik penjelasan CSS
warna Mengatur warna teks 1
arah Teks yang telah ditentukan arah / direction menulis 2
letter-spacing Pengaturan spasi karakter 1
line-height Mengatur tinggi baris 1
text-align Alignment horizontal ketentuan teks 1
text-decoration Penyediaan ditambahkan ke teks dari efek dekoratif 1
text-indent Ketentuan-ketentuan dalam blok teks indent baris pertama 1
text-transform kontrol sensitif untuk teks 1
unicode-bidi 2
vertical-align Alignment vertikal dari elemen 1
white-space Bagaimana mengatur elemen kontrol kosong 1
kata-spacing pengaturan jarak kata 1
menggantung-tanda baca Menentukan apakah tanda baca mungkin di luar kotak garis 3
tanda baca-lis Menentukan apakah untuk menghapus tanda baca 3
text-align-lalu Ketika text-align diatur untuk membenarkan, baris keselarasan terakhir. 3
text-membenarkan cara desentralisasi ditentukan keselarasan ketika text-align diatur untuk membenarkan waktu. 3
text-garis Mengatur teks outline. 3
teks-overflow Elemen menentukan ketika teks overflows termasuk, apa yang harus terjadi 3
text-shadow Menambahkan bayangan untuk teks 3
text-wrap Aturan menentukan wrap teks 3
kata-break Menentukan aturan melanggar garis untuk non CJK-teks 3
word-wrap Apakah untuk mengatur browser terlalu lama bungkus kata. 3

2D / 3D mengubah sifat

milik penjelasan CSS
mengubah Terapkan 2D atau 3D elemen konversi 3
mengubah-asal Hal ini memungkinkan Anda untuk mengubah posisi dari elemen konversi 3
mengubah gaya Ruang 3D menentukan elemen bagaimana bersarang 3
perspektif Lihat bagaimana untuk menentukan elemen 3D adalah pandangan perspektif 3
perspektif-asal elemen 3D menentukan posisi bawah 3
backface-visibilitas Apakah definisi dari elemen harus terlihat, tidak di depan layar 3

Transisi (Transition) Properti

milik penjelasan CSS
transisi Properti ini adalah transisi-properti, transisi durasi, transisi-waktu-fungsi, transisi-delay bentuk singkatan. 3
transisi-properti Disediakan untuk transisi dari sifat CSS. 3
transisi durasi Mengatur lamanya waktu untuk transisi dilakukan. 3
transisi-waktu-fungsi Mengatur fungsi transisi waktu dilakukan. 3
transisi-delay Menentukan transisi dimulai. 3

Munculnya pengguna (User-interface) sifat

milik penjelasan CSS
penampilan elemen definisi gaya eksterior 3
box-sizing Hal ini memungkinkan Anda untuk beradaptasi wilayah itu untuk entah bagaimana menentukan unsur-unsur tertentu 3
icon Menentukan sebuah ikon untuk elemen 3
nav-down Menentukan pengguna menekan navigasi bawah tombol posisi ke bawah 3
nav-index Menentukan Navigasi (tab) order. 3
nav-kiri Tentukan bila pengguna menekan tombol di sebelah kiri untuk menavigasi lokasi 3
nav-kanan Menentukan pengguna untuk menekan posisi yang tepat ketika meninggalkan navigasi 3
nav-up Menentukan pengguna menekan navigasi tombol up up posisi 3
garis-offset Mengatur tepi kontur offset luar kerangka perbatasan 3
mengubah ukuran Apakah definisi dari elemen dapat diubah ukurannya 3