css3

¿Por qué el CSS border-color hereda la propiedad color?

¿Es normal que un color de borde se herede de la propiedad color de font? Me sorprendió encontrar que: div { borde ... a un div con un borde rojo. Por lo general, no especificar un color por defecto será negro. ¿Qué es esta extraña herencia?

Cuando se usa el recuento de columnas, el contenido desbordante desaparece por completo en todas las columnas excepto en la primera, ¿por qué?

Cuando se usa column-count en una envoltura, y los contenedores en la envoltura tienen border-radius aplicado, y el contenido ... div> <div><div></div></div> <div><div></div></div> </div>

La animación CSS3 no funciona en safari

Tengo un poco de animación CSS3 que funciona perfectamente en todos los navegadores que soportan CSS3 excepto safari. Raro, ¿ ... div> <div class="bottle"></div> </div> Pruébalo tú mismo en jsFiddle (si tienes Safari 4) y verás

Cómo se puede aplicar múltiples colores de fondo a un div

Tengo un escenario en el que debería usar varios colores de fondo para un div. Es mejor para mí en lugar de usar imágenes de ... a el escenario "C", no puedo disminuir la altura de la porción azul. ¿Puedes decirme cómo puedo hacerlo? jsfiddle.net/mFjQ6

CSS bucle de una animación

Estoy tratando de aprender HTML y CSS, pero me he encontrado con un problema: <style style="text/css"> div.slide- ... gt; Quiero que este CSS se repita y no solo se detenga cuando esté terminado. ¿Es posible hacer una función CSS para bucle?

Combinando: selectores not () en CSS

Estoy tratando de seleccionar todos los elementos tr dentro de un table, excepto el tercero y el cuarto. Me las arreglé para ... trabajar allí). No he podido encontrar un selector de combinación para este caso. ¿Cómo puedo combinar selectores con :not?

Sombra de caja en IE7 e IE8

Quiero implementar sombras de caja en IE7 e IE8. Lo he intentado todo sin éxito. Aquí está el css que estoy usando para aplic ... ro necesita tener divs adicionales, lo que es desaconsejable en mi actual caso. ¿Alguna opinión experta sobre este problema ?

IE9-CSS3111: @font-face encontrado error desconocido

Incrusto tres Fuentes de Google desde http://www.google.com/webfonts (Dosis, Open Sans, Lato) Y todos funcionan bien excep ... wn error. zLhfkPOm_5ykmdm-wXaiuw.eot Y rompe todo el sitio web de vez en cuando. ¿Qué se puede hacer para resolver esto?

Hacer que las celdas de la tabla sean cuadradas

¿Cómo garantizar que cada celda de la tabla se convierta en cuadrada sin usar tamaños fijos? Y ser sensible cuando cambian ... <tr> <td>7</td> <td>8</td> <td>9</td> </tr> <table>

¿Cómo configurar la transición de CSS3 usando javascript?

¿Cómo puedo configurar CSS usando javascript (no tengo acceso al archivo CSS)? #fade div { -webkit-transition: opacity 1s ... ght: 500px; width: 960px; } Por ejemplo: document.getElementById('fade').HOW-TO-TYPE-webkit-transition = 'opacity 1s';

Establecer sombra de cuadro de inserción y de inicio usando CSS

La propiedad box-shadow tiene un valor de propiedad llamado inset, por lo que la sombra puede ser inset, o outset. Pero, ¿cómo es posible establecer tanto inset, como outset shadow para un div en CSS?

Cómo dibujar un trapecio / trapezoide con css3?

Cuando vas a la página http://m.google.com usando Mobile Safari, verá la hermosa barra en la parte superior de la página. ... S: trapecios) así, pero no se como. ¿Debo usar css3 3d transform? Si tienes un buen método para lograrlo, por favor dímelo.

Ajuste de ancho con CSS attr()

Estoy tratando de establecer el ancho de un elemento usando attr() en CSS pero no está funcionando. Chrome dice "valor de la ... top, lime 0%, lightgreen 50%, green 50%, darkgreen 100%); position:absolute; height:100%; width: attr(prog %); }

¿Existe tal cosa como un selector de CSS "hermano todo incluido"?

Mi HTML: <p>Doggies</p> <p class="green_guys">Froggies</p> <p>Cupcakes</p> <p>Pig ... seleccionaría los cupcakes y cerditos: .green_guys ~ p { /* selects all <p> elements that follow .green_guys */ }

Centrar verticalmente los elementos con flexbox

Estoy tratando de centrar verticalmente los elementos con CSS' flexbox; y, sé cómo hacerlo con el código sin prefijo de prove ... roveedores de las propiedades que estoy usando, no dude en compartirlos para que esto pueda funcionar en más que solo Webkit.

css: nth-child():después

Es posible mezclar :nth-child() y after? Tengo un <ol> de elementos y quiero añadir algo de texto :after. Esto funcio ... radable de tener'. Solo estoy preocupado por los nuevos navegadores, así que no hay necesidad de soluciones para oldIE, etc.

Cómo eliminar jQuery Mobile estilo?

Elegí jQuery Mobile sobre otros frameworks por sus capacidades de animación y soporte de páginas dinámicas. Sin embargo, me ... r transiciones de página, llamadas ajax, compatibilidad con Cordova y, por supuesto, un html/css totalmente personalizable...

Diferencia entre Ancho:100% y ancho: 100vw?

Tengo que ajustar un iframe a la altura de la pantalla. Obviamente, quería 100% como en anchura pero, como eso no funciona, u ... enderiza perfectamente sin la necesidad de una barra de desplazamiento horizontal, vw tiene alrededor de un centímetro extra.

el elemento flex desborda el contenedor debido a la palabra larga incluso después de usar word-wrap

<div class="parent"> <div class="child1"> question </div> <div class="child2"> somethi ... Necesito saber por qué sucede y cómo resolverlo sin usar max-width/width a valores de píxeles fijos. Necesito que responda.

¿Bordes suaves usando CSS?

Estoy usando RGBA para crear un fondo transparente que se superpone sobre una imagen. Funciona bien. Mis preguntas son estas: ... vs usando una imagen. También preferiría si es posible que esto funcione en todos navegador. Gracias por la ayuda. =>