036 guia propiedades css

Page 1

CSS 1, 2 y 3 Propiedades CSS Propiedades de Animación Atributo

Descripción

CSS Version

@keyframes

Especifica la animación

3

animation

Una propiedad abreviada para todas las propiedades de animación de abajo, excepto la propiedad de animation-play-status

3

animation-name

Especifica un nombre para la animación de @keyframes

3

animation-duration

Especifica cuántos segundos o milisegundos tarda una animación en completar un ciclo

3

animation-timing-function

Especifica la curva de velocidad de la animación

3

animation-delay

Especifica cuando la animación se iniciará

3

animation-iteration-count

Especifica el número de veces que una animación se debe reproducir

3

animation-direction

Especifica si la animación se debe reproducir en ciclos opuestos o alternados

3

animation-play-state

Especifica si la animación se está ejecutando o está en pausa

3

Propiedades de Fondo Atributo

Descripción

CSS Version

background

Establece todas las propiedades de fondo en una declaración

1

background-attachment

Establece si la imagen de fondo se fija o se desplaza con el resto de la página

1

background-color

Establece el color de fondo de un element

1

background-image

Ajusta la imagen de fondo de un element

1

background-position

Establece la posición inicial de una imagen de fondo

1

background-repeat

Establece cómo se repite una imagen de fondo

1

background-clip

Especifica el área de pintura de fondo

3

background-origin

Especifica la zona de posicionamiento de las imágenes de fondo

3

background-size

Especifica el tamaño de las imágenes de fondo

3

Propiedades de Limite y Contorno Propiedad

Descripción

CSS Version

border

Establece todas las propiedades de borde en una declaración

border-bottom

Establece todas las propiedades del borde inferior de una declaración

1

border-bottom-color

Establece el color del borde inferior

1

border-bottom-style

Establece el estilo del borde inferior

1

border-bottom-width

Establece la anchura del borde inferior

1

border-color

Establece el color de los cuatro bordes

1

border-left

Establece todas las propiedades del borde izquierdo de una declaración

1

border-left-color

Establece el color del borde izquierdo

1

border-left-style

Establece el estilo del borde izquierdo

1

border-left-width

Establece la anchura del borde izquierdo

1

border-right

Establece todas las propiedades del borde derecho de una declaración

1

border-right-color

Establece el color del borde derecho

1

border-right-style

Establece el estilo del borde derecho

1

border-right-width

Establece la anchura del borde derecho

1

border-style

Establece el estilo de los cuatro bordes

1

border-top

Establece todas las propiedades del borde superior de una declaración

1

border-top-color

Establece el color del borde superior

1

border-top-style

Establece el estilo del borde superior

1

border-top-width

Establece la anchura del borde superior

1

border-width

Establece la anchura de los cuatro bordes

1

outline

Establece todas las propiedades de esquema en una declaración

2

outline-color

Establece el color de un esquema

2

outline-style

Establece el estilo de un esquema

2

outline-width

Establece la anchura de un esquema

2

border-bottom-left-radius

Crea la forma del borde de la esquina inferior izquierda

3

border-bottom-right-radius Crea la forma del borde de la esquina inferior derecha

1

3

1


Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.