PDF de programación - Propiedades de las Hojas de Estilo - CSS

Diseños de Sitios Web 

 

T.U.W. 

Propiedades de las Hojas de Estilo ‐ CSS

La columna "CSS" indica en cual versión de hoja de estilo está definida (CSS1, CSS2, o CSS3) la
propiedad.

Propiedades de Animación

Propiedad

Descripción

@keyframes

Especifica la animación

CSS

3

animation

Una propiedad para todas las animaciones excepto para Animación-play-state 3

animation-name

Especifica el nombre de la animación de @keyframes.

animation-duration Especifica cuantos Segundo o milisegundos demora un ciclo de la animación.

animation-timing-
function

Especifica la curva de velocidad de la animación.

animation-delay

Especifica el inicio de la Animación.

animation-
iteration-count

animation-
direction

animation-play-
state

Especifica el número de veces que debe correr la animación.

Especifica si la animación debe o no reproducir al revés.

Especifica si la animación está corriendo o está en pausa.

Propiedades de Fondo

Propiedad

Descripción

background

Establece todas las propiedades de fondo en una sola declaración.

background-
attachment

Establece si la imagen de fondo es fija o se mueve con el resto de la página.

background-color Establece el color de un elemento.

background-
image

background-
position

background-
repeat

Establece la imagen de fondo de un elemento.

Establece la posición de inicio de la imagen de fondo.

Establece como se debe repetir la imagen de fondo.

3

3

3

3

3

3

3

CSS

1

1

1

1

1

1

Diseños de Sitios Web 

 

T.U.W. 

background-clip

Especifica una zona de pintura del fondo.

background-
origin

Especifica el área de posicionamiento de la imagen de fondo.

background-size

Especifica el tamaño de la imagen de fondo.


Propiedades de Borde y Contorno

Propiedad

Descripción

border

Establece todos los bordes en una sola declaración.

border-bottom

Establece todos los bordes inferiores en una declaración.

border-bottom-
color

border-bottom-
style

border-bottom-
width

Establece el color de los bordes inferiores.

Establece el estilo de los bordes inferiores.

Establece el ancho de los bordes inferiores.

border-color

Establece el color de los cuatro bordes.

border-left

Establece todas las propiedades de los bordes izquierdos en una sola
declaración.

border-left-color Establece el color del borde izquierdo.

border-left-style Establece el estilo del borde izquierdo.

border-left-width Establece el ancho del borde izquierdo.

border-right

Establece todas las propiedades de los bordes derechos en una sola
declaración.

border-right-
color

border-right-
style

border-right-
width

Establece el color del borde derecho.

Establece el estilo del borde derecho.

Establece el ancho del borde derecho.

border-style

Establece el estilo de los cuatro bordes.

border-top

Establece todas las propiedades de los bordes superiores en una sola

3

3

3

CSS

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

Diseños de Sitios Web 

 

T.U.W. 

declaración.

border-top-color Establece el color del borde superior.

border-top-style Establece el estilo del borde superior.

border-top-width Establece el ancho del borde superior.

border-width

Establece el ancho de los cuatro bordes.

outline

Establece todas las propiedades de contorno en una sola declaración.

outline-color

Establece el color de un contorno.

outline-style

Establece el estilo de un contorno.

outline-width

Establece el ancho de un contorno.

border-bottom-
left-radius

border-bottom-
right-radius

Define la forma del borde de la esquina inferior izquierda.

Define la forma del borde de la esquina inferior derecha.

border-image

Establece todos los bordes con imagen.

border-image-
outset

Especifica la cantidad por la cual se debe extender el ancho del borde para la
imagen.

border-image-
repeat

border-image-
slice

border-image-
source

border-image-
width

Especifica si el borde de imagen debe repetirse redondeado o estirado.

Especifica el desplazamiento interno del borde de la imagen.

Especifica que una imagen es utilizada como borde.

Especifica los anchos de los bordes de la imagen.

border-radius

Abreviatura para establecer los cuatro bordes *-radius Property

border-top-left-
radius

border-top-
right-radius

Define la forma del borde de la esquina superior izquierda.

Define la forma del borde de la esquina superior derecha.

box-decoration-
break

Sin borde.

box-shadow

Adjunta una o más sombras al recuadro (box)

1

1

1

1

2

2

2

2

3

3

3

3

3

3

3

3

3

3

3

3

3

Diseños de Sitios Web 

 

T.U.W. 

Propiedades de Cuadro (Box)
Propiedad Descripción

overflow-x Especifica si se debe cortar el borde derecho/izquierdo del contenido, si este se

expande más que el elemento contenedor.

CSS

3

overflow-y Especifica si se debe cortar el borde superior/inferior del contenido, si este se expande

3

más que el elemento contenedor.

overflow-
style

Especifica el método de scroll preferido para elementos que se desbordan.

rotation

Rota un elemento a un punto definido por la propiedad rotation-point.

rotation-
point

Define un punto como un desplazamiento de la esquina del borde superior izquierdo.

3

3

3


Propiedades de Color
Descripción
Propiedad

color-profile

Permite la especificación de una fuente de colores diferente a la por defecto.

opacity

Establece el nivel de opacidad del elemento.

rendering-intent

Permite la especificación del perfil de color en vez del por defecto.


Propiedades de Contenido de Medio
Propiedad

Descripción

bookmark-
label

bookmark-
level

bookmark-
target

float-offset

Especifica el rotulo de un preferido (bookmark)

Especifica el nivel del bookmark

Especifica el enlace del bookmark.

Pushes floated elements in the opposite direction of the where they have been floated
with float

hyphenate-
after

Especifica el número mínimo de caracteres que siguen el guión (-) en una palabra
separada por guiones.

hyphenate-

Especifica el número mínimo de caracteres que están delante del guión (-) en una

CSS

3

3

3

CSS

3

3

3

3

3

3

Diseños de Sitios Web 

 

T.U.W. 

before

palabra separada por guiones.

hyphenate-
character

hyphenate-
lines

Especifica un string que debe mostrarse cuando se separa con guines.

Indica el número máximo de líneas sucesivas con guiones en un elemento.

hyphenate-
resource

Especifica una coma de una lista de recursos externos que ayudan al navegador a
determinar los punto de guiones.

hyphens

Establece como dividir las palabras para mejorar la vista del párrafo.

image-
resolution

Especifica la resolución correcta de la imagen.

marks

Agrega marcas de recorte y/o marcas de cruz al documento.

string-set



Propiedades de Dimensión
Propiedad

Descripción

height

max-height

max-width

min-height

min-width

width

Establece el alto de un elemento.

Establece la máxima altura de un elemento.

Establece el máximo ancho de un elemento

Establece la mínima altura de un elemento

Establece el mínimo ancho de un elemento

Establece el ancho de un elemento


Propiedades de Fuente
Propiedad

Descripción

font

Establece todas las propiedades de fuente en una sola declaración.

font-family

Especifica la familia de fuente del texto.

font-size

Especifica el tamaño de fuente del texto.

font-style

Especifica el estilo de fuente del texto.

3

3

3

3

3

3

3

CSS

1

2

2

2

2

1

CSS

1

1

1

1

Diseños de Sitios Web 

 

T.U.W. 

font-variant

Especifica si el texto debe mostrarse en minúscula.

font-weight

Especifica el peso (grosor) de la fuente.

@font-face

Es una regla que permite descargar fuentes de sitios web, diferentes a los estilos de
fuente utilizados generalmente.

font-size-adjust

Preserva la legibilidad del texto en caso de errores.

font-stretch

Selecciona una fuente normas, condensada o expandida de una familia de fuentes.


Propiedades de Grilla
Descripción
Propiedad

grid-columns

Especifica el ancho de cada columna en una grilla.

grid-rows

Especifica el alto de cada columna en una grilla.


Propiedades de hipervínculo
Propiedad

Descripción

target

Una abreviatura que permite definir donde y como se abrirá el contenido del enlace.

target-name

Especifica dónde abrir el enlace.

target-new

Especifica si el Nuevo enlace debe abrirse en la misma ventana, otra ventana u otra
pestaña.

target-position Especifica dónde debe ubicarse el contenido del enlace.


Propiedades de Listas
Descripción
Propiedad

list-style

Establece todas las propiedades de lista en una sola declaración.

list-style-image

Especifica una imagen como icono de la lista (viñeta).

list-style-position

Especifica si la viñeta debe aparecer dentro o fuera del contenedor.

list-style-type

Especifica el tipo de viñeta de la lista.



1

1

3

3

3

CSS

3

3

CSS

3

3

3

3

CSS

1

1

1

1

Diseños de Sitios Web 

 

T.U.W. 

Propiedades de Margen
Descripción
Propiedad

margin

Establece todas las propiedades de margen en una declaración.

margin-bottom

Establece el margen inferior de un elemento.

margin-left

margin-right

margin-top

Establece el margen izquierdo de un elemento.

Establece el margen derecho de un elemento.

Establece el margen superior de un elemento.


Propiedades de Marquesina
Propiedad

Descripción

marquee-direction

Establece la dirección del contenido móvil

marquee-play-count

Establece cuantas veces se mueve el contenido.

marquee-speed

Establece la velocidad de scroll del contenido

marquee-style

Establece el estilo del contenido móvil.


Propiedades para Columnas múltiples
Propiedad

Descripción

column-count

Especifica el número de columnas en el cual debe