La regla @keyframes en CSS se usa para especificar la regla de animación. Se crea una animación utilizando estilos CSS modificables. Durante la animación, la propiedad CSS puede cambiar muchas veces. Necesitamos especificar cuando hay un cambio de estilo que ocurre en porcentaje, o contiene las palabras clave «desde» y «hasta», que es lo mismo … Continue reading «Regla CSS @keyframes»
La propiedad border-bottom-style en CSS se usa para establecer el estilo del borde inferior de un elemento. Sintaxis: border-bottom-style:none|hidden|dotted|dashed|solid|double|groove| ridge|inset|outset|initial|inherit; Valores de propiedad: ninguno: es el valor predeterminado y hace que el ancho del borde inferior sea cero. Por lo tanto, no es visible. Sintaxis: border-bottom-style: none; Ejemplo: <!DOCTYPE html> <html> <head> <title> CSS border-bottom-style … Continue reading «CSS | Propiedad de estilo de borde inferior»
La propiedad place-self de CSS es la abreviatura de la propiedad align-self y allow-self . Una propiedad abreviada en CSS significa que puede establecer los valores de múltiples propiedades en una sola propiedad. Aquí, la propiedad place-self puede contener el valor de la propiedad align-self y justifica-self. Sintaxis: place-self: align-self-property-value justify-self-property-value Valores de propiedad: esta … Continue reading «CSS place-self Propiedad»
La propiedad CSS outline-offset establece la cantidad de espacio entre un contorno y el borde o borde de un elemento. Un contorno es una línea dibujada alrededor de elementos fuera del borde del borde. El espacio entre el elemento y su contorno es transparente. Además, el contorno puede ser no rectangular. El valor predeterminado es … Continue reading «CSS | Propiedad de desplazamiento de contorno»
Al crear un sitio web para dispositivos de pantalla pequeña como teléfonos inteligentes, es importante que usemos cada parte del espacio de la pantalla de manera inteligente, no podemos permitirnos el lujo de desperdiciar ningún área. Para conseguirlo, podemos ocultar algunos elementos periféricos en modo teléfono. Ocultar el texto del botón en el modo de … Continue reading «¿Cómo ocultar el texto del botón en el modo de teléfono?»
La regla @media CSS se usa para aplicar un conjunto diferente de estilos para diferentes medios/dispositivos usando Media Queries. Una consulta de medios se utiliza principalmente para verificar la altura, el ancho, la resolución y la orientación (vertical/horizontal) del dispositivo. Esta regla CSS es una forma de aprovechar al máximo el diseño receptivo mediante la … Continue reading «Regla CSS @media»
En este artículo, veremos cómo establecer la propiedad de desbordamiento de texto en CSS. La propiedad de desbordamiento de texto se utiliza para especificar que parte del texto se ha desbordado y se ha ocultado a la vista del usuario. La propiedad de desbordamiento de texto solo afecta al contenido que desborda un elemento contenedor … Continue reading «¿Cómo usar la propiedad de desbordamiento de texto en CSS?»
En este artículo, aprenderemos a alinear elementos con la línea de base del contenedor. Hay tres tipos de alineaciones en CSS, alineación de línea base, alineación posicional y alineación distribuida. La alineación de la línea de base se utiliza para alinear las líneas de base de los cuadros en un grupo de temas de alineación. … Continue reading «¿Cómo alinear la línea de base del elemento del contenedor?»
La propiedad del cursor se usa para especificar el cursor del mouse que se mostrará al señalar un elemento . Esta propiedad se define con cero o más valores de <url> separados por comas seguidos de 1 valor de palabra clave como obligatorio y cada <url> apuntará al archivo de imagen. Sintaxis: cursor: value; Valores … Continue reading «Propiedad del cursor CSS»
La propiedad margin-inline se utiliza para definir el margen inicial y final lógico en línea de un elemento. Esta propiedad ayuda a colocar el margen según el modo de escritura, la direccionalidad y la orientación del texto del elemento. Sintaxis: margin-inline: length | auto | initial | inherit | unset; Valores de propiedad: longitud: Establece … Continue reading «CSS | Propiedad margin-inline – Part 2»