El selector :indeterminate en CSS se usa para seleccionar cualquier elemento de formulario que esté en un estado indeterminado, es decir, un estado que no está ni marcado ni no marcado. Los elementos a los que se dirige este selector son: <input = “checkbox”> elementos cuya propiedad indeterminada se establece en verdadero por JavaScript Elementos … Continue reading «CSS | :indeterminado Selector»
La propiedad de tamaño de cuadro en CSS define cómo el usuario debe calcular el ancho y el alto total de un elemento, es decir, el relleno y los bordes, si se incluirán o no. Sintaxis: box-sizing: content-box|border-box; Valores de propiedad : todas las propiedades se describen bien con el siguiente ejemplo. cuadro de contenido: … Continue reading «Propiedad de tamaño de caja CSS»
tailwind CSS Esta clase se utiliza para crear divisiones entre elementos como un borde. Para lograr esta propiedad CSS border-top-width o la propiedad CSS border-bottom-width se utilizan en CSS. Clases de ancho de división: divide-x: esta clase se utiliza para establecer la división del eje x. divide-x-reverse: esta clase se utiliza para establecer la división … Continue reading «Tailwind CSS Dividir ancho»
La propiedad Scroll Padding es una propiedad incorporada en el módulo Scroll Snap. Esta propiedad establece las manos largas del relleno de desplazamiento. Esta propiedad actúa como un imán en la parte superior del elemento deslizante que se adhiere a la parte superior de la ventana gráfica y detiene el desplazamiento (con fuerza) en ese … Continue reading «CSS | Relleno de desplazamiento»
Las funciones de lista SASS se utilizan para modificar nuevas listas. Las listas deben crearse entre corchetes circulares para diferenciarlas de otras. La lista SASS no se puede cambiar, por lo que en algunos casos se crean nuevas listas. Al igual que las funciones de string, las listas SASS están indexadas en uno (no en … Continue reading «SASS | Funciones de lista»
Atomic CSS tiene como objetivo resolver algunos de los problemas tradicionales de CSS utilizando clases que son unidades de diseño de un solo propósito. Atomic CSS usa clases inmutables que tienen la responsabilidad completa de aplicar un estilo de unidad al componente seleccionado de la interfaz de usuario. En resumen, Atomic CSS es una regla … Continue reading «Introducción a Atomic CSS con ejemplos»
La relación de aspecto CSS se define como la relación entre ancho y alto (ancho:alto). y la relación de aspecto de las características especificadas como valor de <ratio> que representan la ventana gráfica de ancho a alto. También podemos usar min-aspect-ratio y max-aspect-ratio para valores mínimos y máximos respectivamente. Las proporciones válidas incluyen: 16/9, 4/3, … Continue reading «Valor de la relación CSS»
La propiedad inset-inline en CSS se usa para definir el desplazamiento lógico de inicio y fin en línea, no para el desplazamiento de bloque o el bloque lógico. Esta propiedad se puede aplicar a cualquier propiedad de modo de escritura. Sintaxis: inset-inline: length|percentage|auto|inherit|initial|unset; Valores de propiedad: longitud: Establece un valor fijo definido en px, cm, … Continue reading «CSS | Propiedad insertada en línea»
En este artículo, veremos el modelo de formato visual, es decir, cómo el agente de usuario procesa el árbol del documento y cómo se procesa y visualiza en los diversos medios. Comprenderemos el tema a través de las ilustraciones. El modelo de formato visual ilustra cómo el agente de usuario toma el árbol del documento … Continue reading «Introducción al modelo de formato visual»
Tachyons es un conjunto de herramientas de CSS que se utiliza para crear un sitio web receptivo. En este artículo, aprenderemos cómo incluir el tamaño de las cajas usando Tachyons. El tamaño de la caja en Tachyons se usa para crear los diferentes tamaños de la caja en la página web. Cada elemento que estamos … Continue reading «Tamaño del cuadro de diseño de taquiones»