Categoría: CSS-Properties

¿Cómo configurar el relleno alrededor de un elemento usando CSS?

Posted on by Rudeus Greyrat

En este artículo, aprenderemos cómo configurar el relleno alrededor de un elemento usando CSS. Enfoque: El relleno es el espacio entre el contenido del elemento y sus límites. Podemos configurar el relleno alrededor de un elemento usando la propiedad de relleno del CSS. Toma cuatro valores top_padding, right_padding, bottom_padding y left_padding. Sintaxis: padding: top_padding right_padding … Continue reading «¿Cómo configurar el relleno alrededor de un elemento usando CSS?»

Propiedad de filtro CSS

Posted on by Rudeus Greyrat

La propiedad de filtro se utiliza para establecer el efecto visual de un elemento. Esta propiedad se usa principalmente en el contenido de la imagen para ajustar la representación de la imagen, el fondo, el borde, etc. Sintaxis:   filter: none|blur()|brightness()|contrast()|drop-shadow()| grayscale()|hue-rotate()|invert()|opacity()|saturate()|sepia()| url(); Nota: Se puede agregar más de un filtro al elemento HTML que está … Continue reading «Propiedad de filtro CSS»

Propiedad de bloque de relleno de desplazamiento CSS

Posted on by Rudeus Greyrat

La propiedad scroll-padding-block se usa para configurar todo el relleno de desplazamiento al principio y al final de un contenedor o elemento de desplazamiento en la dimensión del bloque a la vez. Esta propiedad es una abreviatura de la propiedad scroll-padding-block-start y scroll-padding-block-end . Por lo tanto, los valores de relleno de desplazamiento representan los … Continue reading «Propiedad de bloque de relleno de desplazamiento CSS»

Propiedad de ajuste de objeto CSS

Posted on by Rudeus Greyrat

La propiedad CSS object-fit se usa para especificar cómo se debe cambiar el tamaño de una imagen o video para que se ajuste a su cuadro de contenido. Esta propiedad especifica las diversas formas de llenar el contenido dentro del cuadro de contenido o contenedor, como conservar la relación de aspecto o estirar y levantar … Continue reading «Propiedad de ajuste de objeto CSS»

CSS | Propiedad align-self

Posted on by Rudeus Greyrat

La propiedad align-self en CSS se usa para alinear los elementos seleccionados en el contenedor flexible de muchas maneras diferentes, como extremo flexible, centro, inicio flexible, etc.  Sintaxis: align-self: auto|normal|self-start|self-end|stretch|center |baseline, first baseline, last baseline|flex-start |flex-end|baseline|safe|unsafe; Valores de propiedad: auto: esta propiedad se usa para heredar su propiedad de elementos de alineación del contenedor principal … Continue reading «CSS | Propiedad align-self»

CSS | Propiedad de estilo border-left

Posted on by Rudeus Greyrat

 1La propiedad CSS border-left-style se usa para establecer el estilo del borde izquierdo de un elemento. Valor por defecto ninguna Sintaxis:   border-left-style: none| hidden| dotted| dashed| solid| double | groove| ridge| inset| outset| initial| inherit; Valor de las propiedades:  Valor Descripción ninguna No establece ningún borde izquierdo. oculto No establece ningún borde, excepto la resolución … Continue reading «CSS | Propiedad de estilo border-left»

CSS | Propiedad border-top-width

Posted on by Rudeus Greyrat

La propiedad border-top-width en CSS se usa para establecer un ancho específico en el borde superior de un elemento. La propiedad border-top-style o border-style se usa para el elemento antes de usar la propiedad border-top-width.  Valor por defecto:  medio Sintaxis:   border-top-width: length|thin|medium|thick|initial|inherit; Valores de propiedad: los valores de propiedad border-top-width se enumeran a continuación:   longitud: … Continue reading «CSS | Propiedad border-top-width»

CSS | text-align-last Propiedad

Posted on by Rudeus Greyrat

La propiedad text-align-last en CSS se usa para establecer la última línea del párrafo justo antes del salto de línea. El salto de línea puede deberse al final natural de un párrafo o al uso de la etiqueta <br>. La propiedad text-align-last establece la alineación de todas las últimas líneas que aparecen en el elemento … Continue reading «CSS | text-align-last Propiedad»

¿Cómo ejecutar un código en el evento mouseenter en jQuery?

Posted on by Rudeus Greyrat

En este artículo, veremos cómo ejecutar el código cuando el mouse ingresa al área específica usando jQuery. Para ejecutar el código en un mouse ingrese un área específica, se usa el método mouseenter() . El método mouseenter() funciona cuando el puntero del mouse se mueve sobre el elemento seleccionado. Sintaxis: $(selector).mouseenter(function) Parámetros: este método acepta … Continue reading «¿Cómo ejecutar un código en el evento mouseenter en jQuery?»

CSS | Propiedad de imagen de borde

Posted on by Rudeus Greyrat

La propiedad border-image en CSS se usa para establecer el borde de un elemento. Sintaxis: border-image: source slice width outset repeat|initial|inherit; La propiedad border-image es la combinación de muchas propiedades que se enumeran a continuación: borde-imagen-fuente rebanada-de-imagen-del-borde borde-imagen-ancho Borde-imagen-outset borde-imagen-repetir Valores de propiedad: border-image-source: esta propiedad se utiliza para establecer la ubicación de origen de … Continue reading «CSS | Propiedad de imagen de borde»