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.

15
Cara menghapus sorotan batas pada elemen teks input
Ketika elemen HTML 'terfokus' (saat ini dipilih / dimasukkan ke dalam tab), banyak browser (setidaknya Safari dan Chrome) akan menempatkan batas biru di sekitarnya. Untuk tata letak yang sedang saya kerjakan, ini mengganggu dan tidak terlihat benar. <input type="text" name="user" class="middle" id="user" tabindex="1" /> Firefox sepertinya tidak melakukan ini, atau …
610 css  input  safari  webkit  border 
25
Periksa apakah suatu elemen mengandung kelas dalam JavaScript?
Menggunakan JavaScript biasa (bukan jQuery), Apakah ada cara untuk memeriksa apakah suatu elemen mengandung kelas? Saat ini, saya melakukan ini: var test = document.getElementById("test"); var testClass = test.className; switch (testClass) { case "class1": test.innerHTML = "I have class1"; break; case "class2": test.innerHTML = "I have class2"; break; case "class3": test.innerHTML …
588 javascript  html  css  dom 
21
CSS memaksa ukuran gambar dan menjaga rasio aspek
Saya bekerja dengan gambar, dan saya menemukan masalah dengan rasio aspek. <img src="big_image.jpg" width="900" height="600" alt="" /> Seperti yang Anda lihat, heightdan widthsudah ditentukan. Saya menambahkan aturan CSS untuk gambar: img { max-width:500px; } Tetapi untuk big_image.jpg, saya menerima width=500dan height=600. Bagaimana saya bisa mengatur ukuran gambar menjadi kembali, sambil …
577 css  image  aspect-ratio 
30
Modal bootstrap muncul di bawah latar belakang
Saya telah menggunakan kode untuk modal saya langsung dari contoh Bootstrap, dan hanya menyertakan bootstrap.js (dan bukan bootstrap-modal.js). Namun, modal saya muncul di bawah abu-abu pudar (latar belakang) dan tidak dapat diedit. Begini tampilannya: Lihat biola ini untuk satu cara mereproduksi masalah ini. Struktur dasar dari kode itu adalah seperti …
23
Bagaimana Anda mendapatkan konten yang terpusat menggunakan Twitter Bootstrap?
Saya mencoba mengikuti contoh yang sangat mendasar. Menggunakan halaman starter dan sistem grid , saya berharap yang berikut: <div class="row"> <div class="span12"> <h1>Bootstrap starter template</h1> <p>Example text.</p> </div> </div> Jalankan cuplikan kodeSembunyikan hasilLuaskan cuplikan ... akan menghasilkan teks yang terpusat. Namun, masih muncul di paling kiri. Apa yang saya lakukan …
27
Tambahkan tooltip ke div
Saya memiliki tag div seperti ini: <div> <label>Name</label> <input type="text"/> </div> Bagaimana saya bisa menampilkan tooltip on :hoverthe div, lebih disukai dengan efek fade in / out.
568 javascript  html  css  tooltip 
21
Bungkus kata dalam tabel HTML
Saya telah menggunakan word-wrap: break-worduntuk membungkus teks dalam divs dan spans. Namun, sepertinya tidak berfungsi dalam sel tabel. Saya memiliki tabel yang disetel width:100%, dengan satu baris dan dua kolom. Teks dalam kolom, meskipun ditata dengan yang di atas word-wrap, tidak membungkus. Ini menyebabkan teks melewati batas sel. Ini terjadi …
566 html  css  html-table 
8
Apa perbedaan antara Normalize.css dan Reset CSS?
Saya tahu apa itu Reset CSS, tetapi baru-baru ini saya mendengar tentang hal baru ini bernama Normalize.css Apa perbedaan antara Normalize.css dan Reset CSS ? Apa perbedaan antara menormalkan CSS dan mengatur ulang CSS? Apakah itu hanya kata buzz baru untuk Reset CSS?
565 css  normalize-css 
18
Angular: kelas kondisional dengan * ngClass
Apa yang salah dengan kode sudut saya? Saya mendapatkan: Cannot read property 'remove' of undefined at BrowserDomAdapter.removeClass ... HTML <ol class="breadcrumb"> <li *ngClass="{active: step==='step1'}" (click)="step='step1; '">Step1</li> <li *ngClass="{active: step==='step2'}" (click)="step='step2'">Step2</li> <li *ngClass="{active: step==='step3'}" (click)="step='step3'">Step3</li> </ol>
3
Mengapa browser cocok dengan pemilih CSS dari kanan ke kiri?
Selektor CSS dicocokkan oleh mesin peramban dari kanan ke kiri. Jadi mereka pertama-tama menemukan anak-anak dan kemudian memeriksa orang tua mereka untuk melihat apakah mereka cocok dengan bagian peraturan lainnya. Kenapa ini? Apakah hanya karena spek itu mengatakan? Apakah itu memengaruhi tata letak akhirnya jika dievaluasi dari kiri ke kanan? …
7
Membuat div dapat digulir secara vertikal menggunakan CSS
Ini <div id="" style="overflow:scroll; height:400px;"> Jalankan cuplikan kodeSembunyikan hasilLuaskan cuplikan memberikan divbahwa pengguna dapat menggulir secara horizontal dan vertikal. Bagaimana cara mengubahnya sehingga div hanya dapat digulir secara vertikal?
560 html  css 
21
Rentangkan div untuk mengisi lebar yang tersisa
Saya ingin tata letak div dua kolom, di mana masing-masing dapat memiliki lebar variabel misalnya div { float: left; } .second { background: #ccc; } <div>Tree</div> <div class="second">View</div> Jalankan cuplikan kodeSembunyikan hasilLuaskan cuplikan Saya ingin 'view' div untuk memperluas ke seluruh lebar yang tersedia setelah 'tree' div telah mengisi ruang …
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.