Di situs web saya, saya menggunakan reset.css. Ini menambahkan persis ini ke gaya daftar: ol, ul { list-style: none outside none; } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img,...
Saat ini saya menggunakan potongan kode ini untuk membuat daftar: <ul ng-cloak> <div ng-repeat="n in list"> <li><a href="{{ n[1] }}">{{ n[0] }}</a></li> <li class="divider"></i> </div> <li>Additional item</li>...
Saya ingin menampilkan <input type="range" />kontrol slider secara vertikal. Saya hanya peduli dengan browser yang mendukung kontrol slider jangkauan. Saya telah menemukan beberapa komentar dan referensi yang sepertinya menunjukkan bahwa mengatur tinggi lebih besar dari lebar akan...
Jadi, dimungkinkan untuk memiliki animasi terbalik pada mouse out seperti: .class{ transform: rotate(0deg); } .class:hover{ transform: rotate(360deg); } tetapi, saat menggunakan animasi @keyframes, saya tidak dapat membuatnya berfungsi, misalnya: .class{ animation-name: out;...
Saya memiliki elemen dengan gaya position: relative; transition: all 2s ease 0s; Kemudian saya ingin mengubah posisinya dengan mulus setelah mengkliknya, tetapi ketika saya menambahkan gaya, transisi tidak terjadi, melainkan elemen bergerak secara
Saat ini saya memiliki sesuatu seperti: <div class="row"> <div class="col-md-4">Content</div> <div class="col-md-4">Content</div> <div class="col-md-4">Content</div> <div class="col-md-4">Content</div> <div
Di iOS (Safari 5) saya harus mengikuti untuk elemen input (bayangan bagian dalam atas): Saya ingin menghapus bayangan atas, bug -webkit-appearancetidak disimpan. Gaya saat ini adalah: input { border-radius: 15px; border: 1px dashed #BBB; padding: 10px; line-height: 20px; text-align:...
Saya mencoba mengatur gaya angka dalam daftar berurutan, saya ingin menambahkan warna latar belakang, radius batas, dan warna sehingga cocok dengan desain tempat saya bekerja: Saya kira itu tidak mungkin dan saya harus menggunakan gambar yang berbeda untuk setiap nomor yaitu ol li:first-child...
img dengan srcset atribut sepertinya cara yang bagus untuk melakukan gambar responsif. Apakah ada sintaks yang setara yang berfungsi di background-imageproperti css ? HTML <img src="small.jpg" srcset="medium.jpg 1000w, large.jpg 2000w" alt="yah"> CSS .mycontainer { background:...
Apakah ada pseudo-class di CSS untuk ditentukan :not(:hover) Atau itu satu-satunya cara untuk menentukan item yang tidak di-hover? Saya memeriksa beberapa referensi CSS3, dan saya tidak melihat adanya sebutan pseudo-class CSS untuk menentukan kebalikan dari: hover.
Saya kesulitan mengatur libsass karena tidak semudah transpiler berbasis Ruby. Bisakah seseorang menjelaskan cara: instal libsass? menggunakannya dari baris perintah? menggunakannya dengan pelari tugas seperti menelan dan mendengus? Saya memiliki sedikit pengalaman dengan manajer paket dan...
Saya ingin item flex berada di tengah tetapi ketika kita memiliki baris kedua, memiliki 5 (dari gambar di bawah) di bawah 1 dan tidak di tengah orang tua. Inilah contoh dari apa yang saya miliki: ul { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center;...
Saya mencoba untuk memusatkan elemen dalam dari <button>-tag dengan flexbox's justify-content: center. Tapi Safari tidak memusatkannya. Saya dapat menerapkan gaya yang sama ke tag lain dan berfungsi sebagaimana mestinya (lihat <p>-tag). Hanya tombol yang rata kiri. Coba Firefox atau...
Seperti yang Anda lihat, list-itemsyang pertama rowmemiliki kesamaan height. Tetapi item yang kedua rowmemiliki perbedaan heights. Saya ingin semua item memiliki seragam height. Apakah ada cara untuk mencapai ini tanpa memberikan ketinggian tetap dan hanya menggunakan flexbox ? Ini milikku...
Ada beberapa artikel baru-baru ini tentang tombol tanpa gambar baru dari
Apa arti sebenarnya dari istilah "Cascading" di CSS? Saya mendapatkan pandangan yang berbeda, jadi saya bertanya di sini. Sebuah contoh akan membantu.
Jika saya memiliki: #logo { width: 400px; height: 200px; } kemudian <img id="logo" src="logo.jpg"/> akan meregang untuk mengisi ruang itu. Saya ingin gambar tetap dalam ukuran yang sama, tetapi untuk mengambil banyak ruang di DOM. Apakah saya harus menambahkan enkapsulasi...
Saya telah mencoba untuk membagi div menjadi dua kolom menggunakan CSS, tetapi saya belum berhasil membuatnya berfungsi. Struktur dasar saya adalah sebagai berikut: <div id="content"> <div id="left"> <div id="object1"></div> <div id="object2"></div>...
Saya mencoba membuat editor css dalam halaman langsung dengan fungsi pratinjau yang akan memuat ulang stylesheet dan menerapkannya tanpa perlu memuat ulang halaman. Apa cara terbaik untuk melakukan ini?
Saya mencoba menambahkan tabel dengan spasi antar sel karena warna latar belakang sel putih dan warna latar belakang tabel berwarna biru, Anda dapat dengan mudah melihat padding dan margin tidak berfungsi (saya menerapkannya ke td), itu hanya akan menambah ruang di dalam sel.