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.

10
Sejajarkan DIV ke bawah atau baseline
Saya mencoba untuk menyelaraskan tag div anak ke bawah atau garis dasar dari tag div induk. Yang ingin saya lakukan adalah memiliki Div anak sebagai dasar dari Parent Div, berikut tampilannya sekarang: HTML <div id="parentDiv"> <div class="childDiv"></div> </div> CSS #parentDiv { width:300px; height:300px; background-color:#ccc; background-repeat:repeat } #parentDiv .childDiv { height:100px; …
97 html  css 
9
Batasi nomor label pada grafik garis Chart.js
Saya ingin menampilkan semua titik pada bagan saya dari data yang saya dapatkan, tetapi saya tidak ingin menampilkan semua labelnya, karena bagan itu tidak terlalu mudah dibaca. Saya mencarinya di dokumen, tetapi tidak dapat menemukan parameter apa pun yang akan membatasi ini. Saya tidak ingin mengambil hanya tiga label misalnya, …
6
100vw menyebabkan luapan horizontal, tetapi hanya jika lebih dari satu?
Katakanlah Anda memiliki ini: html, body {margin: 0; padding: 0} .box {width: 100vw; height: 100vh} <div class="box">Screen 1</div> Anda akan mendapatkan sesuatu yang memenuhi layar, tanpa scrollbar. Tapi tambahkan yang lain: <div class="box">Screen 1</div> <div class="box">Screen 2</div> Anda tidak hanya mendapatkan scrollbar vertikal (diharapkan), tetapi sedikit scroll horizontal. Saya menyadari …
97 css 
2
Posisikan item flex terakhir di ujung wadah
Pertanyaan ini berkaitan dengan browser dengan dukungan css3 penuh termasuk flexbox. Saya memiliki wadah fleksibel dengan beberapa item di dalamnya. Mereka semua dibenarkan untuk flex-start tetapi saya ingin item terakhir .end dibenarkan untuk flex-end. Adakah cara yang baik untuk melakukan ini tanpa memodifikasi HTML dan tanpa menggunakan pemosisian absolut? .container …
97 css  flexbox 
3
"Icon-bar" di bilah navigasi bootstrap twitter
Saya tidak mengerti apa arti kode berikut dalam hal icon-bar: <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> Apa icon-baruntuk? Mengapa ada tiga contoh serupa? Kode ini ada di bagian bilah navigasi: <div class="navbar-header"> ... </div>
14
Styling tombol bootstrap twitter
Tombol Twitter-Bootstrap luar biasa indah. Cobalah dengan menggulirnya Tapi warnanya terbatas. Adakah cara saya bisa mengubah warna dasar tombol sambil mempertahankan efek hover-over yang indah yang dibuat oleh bootstrap begitu indah dan mudah? Saya sama sekali tidak menyadari seperti apa css / javascript yang digunakan twitter untuk mempertahankan efek tersebut.
3
Sel tabel berukuran sama untuk mengisi seluruh lebar tabel penampung
Apakah ada cara menggunakan HTML / CSS (dengan ukuran relatif) untuk membuat baris sel merentangkan seluruh lebar tabel di dalamnya? Sel harus sama lebarnya dan ukuran tabel luar juga dinamis dengan <table width="100%">. Saat ini jika saya tidak menentukan ukuran tetap; sel-selnya hanya mengubah ukuran agar sesuai dengan isinya.
96 html  css  html-table 
10
Cara CSS untuk meratakan tabel secara horizontal
Saya ingin menunjukkan tabel dengan lebar tetap di tengah jendela browser. Sekarang saya gunakan <table width="200" align="center"> Tapi Visual Studio 2008 memberikan peringatan pada baris ini: Atribut 'align' dianggap sudah ketinggalan zaman. Konstruksi yang lebih baru direkomendasikan. Gaya CSS apa yang harus saya terapkan pada tabel untuk mendapatkan tata letak …
5
Performa CSS relatif terhadap translateZ (0)
Sejumlah blog telah mengungkapkan peningkatan kinerja dalam 'mengelabui' GPU untuk berpikir bahwa sebuah elemen adalah 3D dengan menggunakan transform: translateZ(0)untuk mempercepat animasi dan transisi. Saya bertanya-tanya apakah ada implikasi untuk menggunakan transformasi ini dengan cara berikut: * { -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); }
16
Margin Sel CSS
Dalam dokumen HTML saya, saya memiliki tabel dengan dua kolom dan beberapa baris. Bagaimana cara menambah spasi di antara kolom pertama dan kedua dengan css? Saya sudah mencoba menerapkan "margin-right: 10px;" ke setiap sel di sisi kiri, tetapi tidak berpengaruh.
96 html  css  cell  margin  css-tables 
11
Dua batas warna
Klien menginginkan dua batas warna untuk tampilan timbul. Bisakah saya melakukan ini pada satu elemen? Saya berharap untuk menghindari menumpuk dua elemen DOM dengan batas individu.
96 css  border 
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.