CSS Almanak 2025, Januari

Flex-basis - Trik CSS

Flex-basis - Trik CSS

Properti flex-basis adalah sub-properti dari modul Flexible Box Layout. Ini menentukan ukuran awal item flex, sebelum ruang yang tersedia adalah "

Isi - Trik CSS

Isi - Trik CSS

Properti isian di CSS adalah untuk mengisi warna bentuk SVG. .eyeball (fill: red;) Ingat: Ini akan menimpa atribut presentasi Ini "

Sel kosong - Trik CSS

Sel kosong - Trik CSS

Properti sel kosong di CSS memilih sel tabel kosong untuk tujuan menentukan apakah akan menampilkan batas dan latar belakang atau tidak. Di"

Flex - Trik CSS

Flex - Trik CSS

Properti flex adalah sub-properti dari modul Flexible Box Layout. Ini adalah singkatan dari flex-grow, flex-shrink, dan flex-basis. Yang kedua dan "

Kursor - Trik CSS

Kursor - Trik CSS

Properti kursor di CSS mengontrol seperti apa tampilan kursor mouse saat berada di atas elemen tempat properti ini disetel. Jelas, "

Berisi - Trik CSS

Berisi - Trik CSS

Properti mengandung dalam CSS menunjukkan kepada browser bahwa elemen dan turunannya dianggap independen dari pohon dokumen sebanyak "

Arah - Trik CSS

Arah - Trik CSS

Properti direction di CSS menetapkan arah aliran konten dalam elemen level blok. Ini berlaku untuk elemen teks, sebaris, dan blok sebaris. "

Konten - Trik CSS

Konten - Trik CSS

Properti konten dalam CSS digunakan bersama dengan pseudo-elements :: before dan :: after. Ini digunakan untuk memasukkan konten secara harfiah. Ada empat"

Reset balik - Trik CSS

Reset balik - Trik CSS

Properti counter-reset memungkinkan penomoran otomatis elemen. Seperti list terurut (), tetapi berfungsi pada elemen apa pun. Ini sangat berguna dalam "

Counter-increment - Trik CSS

Counter-increment - Trik CSS

Daftar berurutan bukan satu-satunya elemen yang dapat diberi nomor secara otomatis. Berkat berbagai properti yang berhubungan dengan kontra, elemen apa pun bisa. tubuh ("

Kolom-span - Trik CSS

Kolom-span - Trik CSS

Dalam tata letak multi-kolom, Anda dapat membuat elemen meluas di seluruh kolom dengan kolom-span. h2 (-webkit-column-span: all; column-span: all;) Assign "

Lebar kolom - Trik CSS

Lebar kolom - Trik CSS

Saat Anda ingin mempertahankan kolom Anda pada lebar tertentu, gunakan lebar kolom. bagian (-webkit-column-width: 200px; -moz-column-width: 200px; column-width: "

Kolom - Trik CSS

Kolom - Trik CSS

Hanya dengan beberapa aturan CSS, Anda dapat membuat tata letak yang terinspirasi dari cetakan yang memiliki fleksibilitas web. Ini seperti mengambil koran, tapi saat koran "

Kolom-aturan-lebar - Trik CSS

Kolom-aturan-lebar - Trik CSS

Properti kolom-aturan-lebar CSS menetapkan ketebalan garis yang ditarik antara kolom dengan gaya-aturan-kolom dalam tata letak multikolom CSS. "

Kolom-aturan-gaya - Trik CSS

Kolom-aturan-gaya - Trik CSS

Properti CSS gaya aturan kolom menentukan jenis garis yang ditarik di antara kolom dalam tata letak multikolom CSS. Properti ini agak terbatas pada "

Kolom-aturan-warna - Trik CSS

Kolom-aturan-warna - Trik CSS

Properti kolom-aturan-warna CSS menentukan warna garis antara kolom dalam tata letak multikolom CSS. Properti tidak bisa bertindak sendiri! Untuk"

Bentuk sisipan - Trik CSS

Bentuk sisipan - Trik CSS

Properti bentuk tanda sisipan di CSS mengubah bentuk kursor teks di dalam elemen yang dapat diedit yang menunjukkan bahwa pengguna sedang mengetik. Itu bagian dari Dasar CSS "

Warna-menyesuaikan - Trik CSS

Warna-menyesuaikan - Trik CSS

Properti penyesuaian warna dijelaskan oleh spesifikasi sebagai "mempertahankan warna di perangkat berkemampuan berbeda". Anda tahu bagaimana ada ponsel, tablet, dan "

Rasio aspek - Trik CSS

Rasio aspek - Trik CSS

Rasio aspek properti CSS memungkinkan Anda membuat kotak yang mempertahankan dimensi proporsional di mana tinggi dan lebar kotak dihitung secara otomatis "

Kolom-aturan - Trik CSS

Kolom-aturan - Trik CSS

Untuk membuat kolom berbeda, Anda dapat menambahkan garis vertikal di antara setiap kolom. Garis itu berada di tengah celah kolom. Jika Anda pernah menata batas, "

Jalur klip - Trik CSS

Jalur klip - Trik CSS

Properti jalur klip di CSS memungkinkan Anda untuk menentukan wilayah tertentu dari elemen untuk ditampilkan, dengan sisanya disembunyikan (atau "dipotong"). .clip-me ("

Tanda sisipan - Trik CSS

Tanda sisipan - Trik CSS

Caret di CSS adalah properti singkatan yang menggabungkan properti caret-color dan caret-shape menjadi satu deklarasi. Jadi, kita bisa menulis ini: "

Mengisi kolom - Trik CSS

Mengisi kolom - Trik CSS

Saat Anda menambahkan tinggi ke elemen multi-kolom, Anda bisa mengontrol bagaimana konten mengisi kolom. Konten dapat diseimbangkan atau diisi secara berurutan. ul ("

Warna caret - Trik CSS

Warna caret - Trik CSS

Properti caret-color di CSS mengubah warna kursor (tanda sisipan) di input, texareas, atau elemen apa pun yang dapat diedit, seperti: input, "

Jelas - Trik CSS

Jelas - Trik CSS

Properti yang jelas berhubungan langsung dengan pelampung. Jika elemen dapat ditempatkan secara horizontal di samping elemen lain yang diapungkan, itu akan. "

Kolom-hitungan - Trik CSS

Kolom-hitungan - Trik CSS

Jika Anda memerlukan jumlah kolom yang tepat saat mendesain tata letak multi-kolom, gunakan jumlah kolom. .lead (column-count: 3;) Mengingat jumlah kolom, "

Warna - Trik CSS

Warna - Trik CSS

Properti warna dalam CSS mengatur warna teks dan dekorasi teks. p (color: blue;) Nilai Properti color dapat menerima nilai warna CSS apa pun. Bernama"

Gambar perbatasan - Trik CSS

Gambar perbatasan - Trik CSS

Border-image adalah properti singkatan yang memungkinkan Anda menggunakan gambar atau gradien CSS sebagai batas elemen. .module (border-image: url (border.png.webp) 25 25 "

Kotak-dekorasi-istirahat - Trik CSS

Kotak-dekorasi-istirahat - Trik CSS

Properti box-decoration-break memungkinkan Anda mengontrol bagaimana dekorasi kotak digambar di sepanjang fragmen elemen "rusak". Sebuah elemen dapat membobol "

Pembobolan - Trik CSS

Pembobolan - Trik CSS

Kolom melakukan pekerjaan yang baik untuk mengalirkan dan menyeimbangkan konten. Sayangnya, tidak semua elemen mengalir dengan baik. Terkadang elemen terjebak di antara kolom. "