Pertanyaan yang diberi tag «css»

CSS (Cascading Style Sheets) adalah bahasa lembar gaya representasi yang digunakan untuk menjelaskan tampilan dan pemformatan dokumen HTML (HyperText Markup Language), XML (Extensible Markup Language) dan elemen SVG termasuk (tapi tidak terbatas pada) warna, tata letak, font, dan animasi. Ini juga menjelaskan bagaimana elemen harus ditampilkan di layar, di atas kertas, dalam pidato, atau di media lain.

17
Putar / jeda video HTML 5 menggunakan JQuery
Saya mencoba mengontrol video HTML5 menggunakan JQuery. Saya memiliki dua klip di antarmuka tab, ada total enam tab, yang lain hanya memiliki gambar. Saya mencoba untuk membuat klip video diputar ketika tab mereka diklik dan kemudian berhenti ketika yang lain diklik. Ini harus menjadi hal yang sederhana untuk dilakukan tetapi …
206 jquery  css  html  html5-video 

5
Bagaimana CSS ini menghasilkan lingkaran?
Ini adalah CSS: div { width: 0; height: 0; border: 180px solid red; border-radius: 180px; } Bagaimana cara menghasilkan lingkaran di bawah ini? Misalkan, jika lebar persegi panjang adalah 180 piksel dan tinggi adalah 180 piksel maka akan muncul seperti ini: Setelah menerapkan batas-radius 30 piksel akan muncul seperti ini: …
206 html  css  css-shapes 

10
Apa, tepatnya, yang dibutuhkan untuk "margin: 0 auto;" bekerja?
Saya tahu bahwa pengaturan margin: 0 auto;pada elemen digunakan untuk memusatkannya (kiri-kanan). Namun, saya tahu bahwa elemen dan induknya harus memenuhi kriteria tertentu agar margin otomatis berfungsi, dan sepertinya saya tidak pernah bisa mendapatkan keajaiban dengan benar. Jadi pertanyaan saya sederhana: properti CSS apa yang harus ditetapkan pada suatu elemen …
206 css 


10
Overflow: titik-titik tersembunyi di akhir
Katakanlah saya memiliki string " Saya suka puntung besar dan saya tidak bisa berbohong " dan saya memotongnya overflow:hidden, sehingga menampilkan sesuatu seperti ini: Saya suka puntung besar dan saya tidak bisa memotong teks. Apakah mungkin untuk menampilkan ini seperti ini: Saya suka puntung besar dan saya tidak bisa ... …
205 html  css 

14
HTML - bagaimana saya bisa menunjukkan tooltip SAJA ketika elipsis diaktifkan
Saya mendapatkan rentang dengan data dinamis di halaman saya, dengan ellipsisgaya. .my-class { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; width: 71px; } <span id="myId" class="my-class"></span> document.getElementById('myId').innerText = "..."; Saya ingin menambahkan tooltip elemen ini dengan konten yang sama, tapi saya ingin itu muncul hanya ketika kontennya panjang dan elipsis muncul …

2
Buat div isikan sisa * horisontal * spasi di flexbox
Saya memiliki 2 divs berdampingan di sebuah flexbox. Tangan kanan harus selalu sama lebar, dan saya ingin tangan kiri hanya mengambil ruang yang tersisa. Tapi itu tidak akan terjadi kecuali saya secara khusus mengatur lebarnya. Jadi saat ini, sudah diatur ke 96% yang terlihat OK sampai Anda benar-benar menekan layar …
205 html  css  flexbox 

13
Mensimulasikan getaran (dari misalnya Penyakit Parkinson) dengan mouse pada halaman web?
Saya bekerja untuk sebuah yayasan yang meningkatkan kesadaran akan aksesibilitas di internet. Untuk presentasi, kami ingin menawarkan lokakarya kecil yang mensimulasikan berbagai kecacatan / gangguan pada orang-orang. Ini dilakukan melalui situs web yang dibuat khusus untuk presentasi ini. Salah satu gangguan yang ditunjukkan adalah mengalami tremor, yang berarti mengalami gerakan …

25
Twitter Bootstrap 3 Sticky Footer
Saya telah menggunakan kerangka bootstrap twitter cukup lama sekarang dan mereka baru saja diperbarui ke versi 3! Saya mengalami kesulitan mendapatkan footer lengket untuk menempel ke bawah, saya telah menggunakan template starter yang disediakan oleh situs bootstrap twitter, tetapi masih tidak berhasil, ada ide?

15
Buat div posisi absolut memperluas tinggi div induk
Seperti yang Anda lihat di CSS di bawah ini, saya ingin child2memposisikan dirinya sebelumnya child1. Ini karena situs yang saya kembangkan saat ini juga dapat berfungsi pada perangkat seluler, di mana child2seharusnya berada di bagian bawah, karena berisi navigasi yang saya inginkan di bawah konten pada perangkat seluler. - Kenapa …

13
Mengatur lebar kolom tabel
Saya punya tabel sederhana yang digunakan untuk kotak masuk sebagai berikut: <table border="1"> <tr> <th>From</th> <th>Subject</th> <th>Date</th> </tr> Bagaimana cara mengatur lebar sehingga Dari dan Tanggal adalah 15% dari lebar halaman dan Subjek adalah 70%. Saya juga ingin tabel mengambil seluruh lebar halaman.
204 html  css  html-table 

25
Elemen sejajar bergeser saat dibuat tebal saat melayang
Saya membuat menu horizontal menggunakan daftar HTML dan CSS. Semuanya berfungsi sebagaimana mestinya kecuali ketika Anda mengarahkan kursor ke tautan. Anda lihat, saya membuat status hover tebal untuk tautan, dan sekarang tautan menu bergeser karena perbedaan ukuran tebal. Saya mengalami masalah yang sama dengan posting SitePoint ini . Namun, pos …
204 html  css  hover  text-size 

5
Nonaktifkan tombol putar webkit pada input type = "number"?
Saya memiliki situs yang terutama untuk pengguna seluler tetapi juga desktop. Di Mobile Safari, menggunakan <input type="number">karya hebat karena memunculkan keyboard numerik pada bidang input yang seharusnya hanya berisi angka. Namun di Chrome dan Safari, menggunakan input angka menampilkan tombol putar di sisi kanan lapangan, yang terlihat seperti omong kosong …
203 css  html  webkit 


4
Menerapkan gaya CSS ke elemen tergantung pada elemen anaknya
Apakah mungkin untuk mendefinisikan gaya CSS untuk suatu elemen, yang hanya diterapkan jika elemen yang cocok mengandung elemen tertentu (sebagai item turunan langsung)? Saya pikir ini paling baik dijelaskan menggunakan contoh. Catatan : Saya mencoba gaya elemen induk , tergantung pada elemen anak apa yang dikandungnya. <style> /* note this …
203 html  css 

Dengan menggunakan situs kami, Anda mengakui telah membaca dan memahami Kebijakan Cookie dan Kebijakan Privasi kami.
Licensed under cc by-sa 3.0 with attribution required.