Programación css

10

¿Porcentaje de cambio de tamaño de la imagen CSS de sí mismo?

Estoy tratando de cambiar el tamaño de una imagen con un porcentaje de sí mismo. Por ejemplo, solo quiero reducir la imagen a la mitad cambiando su tamaño al 50%. Pero la aplicación width: 50%;cambiará el tamaño de la imagen para que sea el 50% del elemento contenedor (el elemento …

109 html css image

16

¿Cómo se pueden personalizar los números en una lista ordenada?

¿Cómo puedo alinear a la izquierda los números en una lista ordenada? 1. an item // skip some items for brevity 9. another item 10. notice the 1 is under the 9, and the item contents also line up ¿Cambiar el carácter después del número en una lista ordenada? 1) …

109 html css html-lists roman-numerals

9

Quitar borde de botones

Intenté crear botones e insertar mis propias imágenes en lugar de las imágenes de botones estándar. Sin embargo, el borde gris de los botones estándar aún permanece, mostrándose en el exterior de las imágenes de mis botones negros. ¿Alguien sabe cómo eliminar este borde gris del botón, por lo que …

109 html css button

6

Árboles en Twitter Bootstrap [cerrado]

Cerrado. Esta pregunta no cumple con las pautas de Stack Overflow . Actualmente no acepta respuestas. ¿Quieres mejorar esta pregunta? Actualice la pregunta para que esté relacionada con el tema de Stack Overflow. Cerrado hace 6 años . Mejora esta pregunta He estado tratando de trabajar en la creación de …

108 javascript jquery twitter-bootstrap css jquery-ui

5

Borde de texto usando css (borde alrededor del texto)

¿Hay alguna forma de integrar un borde alrededor del texto como la imagen de abajo?

108 text css

6

¿Debo usar la notación de dos puntos simples o dobles para los pseudoelementos?

Dado que IE7 e IE8 no admiten la notación de dos puntos para pseudoelementos (por ejemplo, ::aftero ::first-letter), y dado que los navegadores modernos admiten la notación de dos puntos (por ejemplo :after) para compatibilidad con versiones anteriores, ¿debería usar únicamente la notación de dos puntos y cuándo La cuota …

108 css internet-explorer-8 css-selectors internet-explorer-7 pseudo-element

15

Colspan / Rowspan para elementos cuya visualización se establece en celda de tabla

Tengo el siguiente código: <div class="table"> <div class="row"> <div class="cell">Cell</div> <div class="cell">Cell</div> </div> <div class="row"> <div class="cell colspan2">Cell</div> </div> </div> <style> .table { display: table; } .row { display: table-row; } .cell { display: table-cell; } .colspan2 { /* What to do here? */ } </style> Muy claro. ¿Cómo agrego …

108 html css

7

¿Cómo funcionan los márgenes negativos en CSS y por qué (margin-top: -5! = Margin-bottom: 5)?

Un truco común para los elementos de posicionamiento vertical es utilizar el siguiente CSS: .item { position:absolute; top:50%; margin-top:-8px; /* half of height */ height: 16px; } Cuando se ve en la vista métrica como en Chrome, esto es lo que ve: Sin embargo, no hay un margen visual representado …

108 css margin

4

CSS3: pseudoclase sin marcar

Sé que hay una pseudoclase CSS3 oficial :checked, pero ¿existe una :uncheckedpseudoclase y tienen el mismo soporte de navegador? La referencia de Sitepoint no menciona uno, sin embargo, esta especificación de whatwg (sea lo que sea) sí. Sé que el mismo resultado se puede lograr cuando los :checkedy :not()se combinan …

108 css css-selectors pseudo-class

7

Bootstrap: posición del menú desplegable en relación con el elemento de la barra de navegación

Tengo el siguiente menú desplegable <label class="dropdown-toggle" role="button" data-toggle="dropdown" data-target="#"> Action <b class="caret"></b></label> <ul class="dropdown-menu" role="menu" aria-labelledby="lang-selector" id="lang-selector"> dropdown content goes here </ul> La esquina superior izquierda del menú desplegable está en la esquina inferior izquierda del texto (Acción), pero espero que la posición de la esquina superior derecha del …

108 css twitter-bootstrap drop-down-menu

2

Especifique el ancho en * caracteres *

Cuando utilizo una fuente de ancho fijo , me gustaría especificar el ancho de un elemento HTML en caracteres . Se supone que la unidad "em" es el ancho del carácter M, por lo que debería poder usarlo para especificar un ancho. Esto es un ejemplo: <html> <head> <style> div …

108 css font-size

6

¿Cómo aplico la transición CSS3 a todas las propiedades excepto a la posición de fondo?

Me gustaría aplicar una transición CSS a todas las propiedades, excepto a la posición de fondo. Traté de hacerlo de esta manera: .csstransitions a { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; } .csstransitions a { -webkit-transition: …

108 css css-transitions

12

Actualización dinámica de CSS en Angular 2

Digamos que tengo un componente Angular2 //home.component.ts import { Component } from 'angular2/core'; @Component({ selector: "home", templateUrl: "app/components/templates/home.component.html", styleUrls: ["app/components/styles/home.component.css"] }) export class HomeComponent { public width: Number; public height: Number; } El archivo html de plantilla para este componente //home.component.html <div class="home-component">Some stuff in this div</div> Y finalmente el …

108 css angular

7

¿Cómo cambiar un tramo para que parezca un pre con CSS?

¿Es posible cambiar una <span>etiqueta (o <div>) preformatear su contenido como lo <pre>haría una etiqueta usando solo CSS?

108 html css

11

Cómo agregar el radio del borde en la fila de la tabla

¿Alguien sabe cómo peinar tr como nos gusta? He usado border-collapse en la tabla, después de eso, los tr pueden mostrar un borde sólido de 1px que les doy. Sin embargo, cuando lo he intentado -moz-border-radius, no funciona. Incluso el margen simple no funciona.

108 css

Preguntas etiquetadas con css