CSS Almanak 2025, Januari

Sisi teks - Trik CSS

Sisi teks - Trik CSS

Properti caption-side di CSS memungkinkan Anda untuk menentukan di mana posisi elemen HTML, yang digunakan pada tabel HTML. Properti ini juga dapat berlaku untuk elemen apa pun "

Box-shadow - Trik CSS

Box-shadow - Trik CSS

Digunakan dalam membuat bayangan (sering disebut "Drop Shadows", seperti di Photoshop) dari elemen. Berikut adalah contoh dengan dukungan browser sedalam mungkin: "

Radius batas - Trik CSS

Radius batas - Trik CSS

Anda dapat memberikan elemen apa pun "sudut membulat" dengan menerapkan radius batas melalui CSS. Anda hanya akan melihat jika ada perubahan warna yang terlibat. Contohnya,"

Ukuran kotak - Trik CSS

Ukuran kotak - Trik CSS

Properti ukuran kotak di CSS mengontrol bagaimana model kotak ditangani untuk elemen yang diterapkan padanya. .module (box-sizing: border-box;) Salah satu dari lainnya "

Spasi pembatas - Trik CSS

Spasi pembatas - Trik CSS

Properti penspasian batas di CSS mengontrol seberapa jauh sel berada dalam suatu elemen (atau elemen yang dibuat seperti tabel melalui display: table;). Saya t"

Batas-batas - Trik CSS

Batas-batas - Trik CSS

Properti batas-batas di CSS menetapkan batasan ke batas-batas elemen yang memengaruhi cara perilaku batas elemen. Ini ditentukan di CSS "

Background-size - Trik CSS

Background-size - Trik CSS

Properti ukuran latar belakang di CSS adalah salah satu yang paling berguna - dan paling kompleks - dari properti latar belakang. Ada banyak variasi dan perbedaan "

Perbatasan-runtuh - Trik CSS

Perbatasan-runtuh - Trik CSS

Properti border-collapse digunakan pada elemen (atau elemen yang dibuat untuk berperilaku seperti tabel melalui display: table atau display: inline-table). Ada"

Perbatasan - Trik CSS

Perbatasan - Trik CSS

Properti border adalah sintaks singkat dalam CSS yang menerima beberapa nilai untuk menggambar garis di sekitar elemen yang diterapkan padanya. .box (batas: 3px "

Background-blend-mode - Trik CSS

Background-blend-mode - Trik CSS

Properti mode campuran latar belakang menentukan bagaimana gambar latar belakang elemen harus berbaur dengan background-color: .containernya (background-image: "

Block-overflow - Trik CSS

Block-overflow - Trik CSS

Properti block-overflow memotong teks dan menunjukkan lebih banyak konten mengikuti dengan memasukkan elipsis atau string kustom setelah sejumlah baris yang "

Berdarah - Trik CSS

Berdarah - Trik CSS

Properti bleed di CSS adalah untuk menentukan ruang di luar batas kotak halaman saat menentukan ukuran halaman yang dicetak. @ halaman: kiri (berdarah: 10pt; "

Background-repeat - Trik CSS

Background-repeat - Trik CSS

Jika properti background-image ditentukan, properti background-repeat di CSS menentukan apakah (dan bagaimana) itu akan diulang. Berikut contohnya: html ("

Background-position - Trik CSS

Background-position - Trik CSS

Properti background-position di CSS memungkinkan Anda untuk memindahkan gambar latar belakang (atau gradien) di dalam wadahnya. html (background-position: 100px "

Gambar latar belakang - Trik CSS

Gambar latar belakang - Trik CSS

Properti gambar latar belakang di CSS menerapkan grafik (misalnya PNG, SVG, JPG.webp, GIF, WEBP) atau gradien ke latar belakang elemen. Ada dua"

Warna latar belakang - Trik CSS

Warna latar belakang - Trik CSS

Properti background-color di CSS menerapkan warna solid sebagai latar belakang pada sebuah elemen. Berikut ini contohnya: html (background-color: # 82a43a;) Contoh "

Background-origin - Trik CSS

Background-origin - Trik CSS

Properti background-origin menentukan tempat untuk mengecat latar belakang: di seluruh elemen, di dalam batas, atau di dalam padding. Ada empat"

Klip latar belakang - Trik CSS

Klip latar belakang - Trik CSS

Klip latar belakang memungkinkan Anda mengontrol seberapa jauh gambar atau warna latar belakang melampaui padding atau konten elemen. .frame (klip latar belakang: "

Penampilan - Trik CSS

Penampilan - Trik CSS

Properti penampilan digunakan untuk menampilkan elemen menggunakan gaya asli platform berdasarkan tema sistem operasi pengguna. .benda ("

Visibilitas ke belakang - Trik CSS

Visibilitas ke belakang - Trik CSS

Properti backface-visibility terkait dengan transformasi 3D. Dengan transformasi 3D, Anda dapat mengatur untuk memutar elemen jadi apa yang kami anggap sebagai "depan" dari "

Background-attachment - Trik CSS

Background-attachment - Trik CSS

Properti lampiran latar belakang di CSS menentukan cara memindahkan latar belakang relatif ke area pandang. Ada tiga nilai: scroll, fixed, dan local. "

Backdrop-filter - Trik CSS

Backdrop-filter - Trik CSS

Properti backdrop-filter di CSS digunakan untuk menerapkan efek filter (grayscale, contrast, blur, dll) ke background / backdrop suatu elemen. Itu"

Latar belakang - Trik CSS

Latar belakang - Trik CSS

Properti background di CSS memungkinkan Anda untuk mengontrol latar belakang elemen apa pun (apa yang terlukis di bawah konten dalam elemen itu). Ini adalah singkatan "

Animasi - Trik CSS

Animasi - Trik CSS

Properti animasi di CSS dapat digunakan untuk menganimasikan banyak properti CSS lainnya seperti color, background-color, height, atau width. Setiap animasi perlu "

Semua - Trik CSS

Semua - Trik CSS

Properti all di CSS menyetel ulang semua properti elemen yang dipilih, kecuali properti direction dan unicode-bidi yang mengontrol arah teks. "

Menyelaraskan diri - Trik CSS

Menyelaraskan diri - Trik CSS

Properti align-self adalah sub-properti dari modul Flexible Box Layout. Ini memungkinkan untuk mengganti nilai align-items untuk item flex tertentu. "