Propiedades CSS3

Algunas propiedades CSS3 son raramente utilizadas- muchos otros se utilizan con la frecuencia suficiente que los desarrolladores deben saber acerca de ellos. Propiedades y sus valores asociados son la base del formato de llevar a cabo utilizando CSS3. Aquí está una lista de las propiedades que encontrarás a ti mismo usando con mayor frecuencia cuando se trabaja con CSS3:

  • fondo: Define el contenido para el fondo de un elemento. El valor de esta propiedad es a menudo una función, como lineal gradiente ().

  • background-attachment: Especifica cómo una imagen interactúa con el resto de un elemento. Utiliza las siguientes palabras clave para configurar esta propiedad: voluta, fijo, y local.

  • color de fondo: Especifica el color de fondo de una entidad, tal como el color de la página subyacente. Puede utilizar una de estas técnicas para definir el color de fondo: valor hexadecimal, nombre del color, rgb () función, RGBA () función, HSL () función o HSLA () función.

  • imagen de fondo: Proporciona la ubicación de un recurso que se utiliza como gráfico para el fondo de un elemento. Se utiliza el url () funcionar para especificar la ubicación.

  • background-repeat: Permite la imagen de fondo de repetir o no repetir (utilizando la palabra clave no-repeat) según sea necesario. También puede optar por repetir la imagen sólo la horizontal (repeat-x) O vertical (repeat-y) direcciones.

  • fondo de tamaño: Determina el tamaño de la imagen de fondo como un valor absoluto o un porcentaje.

  • frontera: Define el tipo de frontera para crear especificando una de las siguientes palabras clave: ninguno, oculto, punteado, discontinua, sólido, doble, surco, cresta, recuadro, principio, o heredar. También es posible cambiar el estilo individual de cada lado de la frontera con el al estilo fondo frontera, border-left; estilo, border-right; estilo, y al estilo borde superior propiedades.

  • color de la frontera: Especifica el color del borde que rodea a una entidad. Puede utilizar una de estas técnicas para definir el color de fondo: valor hexadecimal, nombre del color, rgb () función, RGBA () función, HSL () función o HSLA () función.

  • border-image: Define una imagen a utilizar para el contenido de la frontera, en lugar de un tipo de línea. Normalmente utiliza el url () función para especificar el valor de esta propiedad.

  • border-radius: Determina si las esquinas de una frontera se redondean y la cantidad de redondeo. Al crear una esquina redondeada, se especifica la cantidad de redondeo. Para quitar una esquina redondeada, utilice el ninguno palabra clave.

  • border-width: Determine el espesor de la frontera que rodea un elemento. Puede definir el ancho del borde con clave (medio, grueso, o delgada) O una medición real.

  • column-count: Especifica el número de columnas para crear. La anchura de las columnas fluctúa de forma automática cuando el usuario cambia el tamaño de la ventana del navegador (o el navegador muestra una barra de desplazamiento horizontal para que sea posible para desplazarse a través de las columnas cuando un ancho específico se establece también).

  • columna de relleno: Determina cómo el navegador llena las columnas (o bien rellenando una columna a la vez o llenar todas las columnas de forma simultánea con la misma cantidad de contenido).

  • columna-gap: Crea un espacio entre columnas para que sea más fácil determinar donde una columna termina y otro comienza.

  • columna en reglas: Crea una regla entre columnas de modo que el usuario puede ver un separador físico. Esta propiedad consta de color, estilo y ancho.


  • columna en reglas color: Determina con el color de la regla utilizada entre columnas.

  • al estilo imperio columna: Determina el estilo de la regla utilizada entre las columnas.

  • columna en reglas de ancho: Determina el ancho de la regla utilizada entre las columnas.

  • columna de envergadura: Especifica el número de columnas que un objeto puede abarcar.

  • ancho de columna: Especifica un ancho de columna.

  • columnas: Proporciona un método abreviado para definir tanto el column-count y ancho de columna propiedades.

  • color: Especifica el color de primer plano de una entidad, como texto. Puede utilizar una de estas técnicas para definir el color: valor hexadecimal, nombre del color, rgb () función, RGBA () función, HSL () función o HSLA () función.

  • contenido: Emite el texto u otro recurso especificado como parte de la presentación del elemento. Esta propiedad se utiliza a menudo para realizar tareas tales como añadir flechas para elementos visuales. Especifique el valor con el url () función, el número de caracteres Unicode precedida por una barra invertida (como 27A8), o una palabra clave.

  • visualización: Especifica la forma de presentar ciertos tipos de elementos en la página. Puede utilizar cualquiera de las siguientes palabras clave para definir el tipo de visualización: ninguno, caja (o flex-box), bloque, flex, en línea, inline-block, inline-flex, inline-table, elemento de la lista, mesa, tabla-caption, table-cell, table-column, table-column-group, tabla-pie de página del grupo, tabla-header-grupo, table-row, o table-row-group.

  • flotador: Permite una imagen para flotar en la dirección especificada. Usted define el inmueble con las siguientes palabras: izquierda, derecho, o ninguno.

  • Familia tipográfica: Define el nombre de la fuente. Tres son tres clasificaciones fuente utilizada normalmente como parte de CSS (y la mayoría de las páginas de CSS utilizan los tres menos que también se especifica el src propiedad): específico, Safe Web, y genérico.

  • tamaño de fuente: Determina el tamaño de la fuente en comparación con otras fuentes de la página o proporciona un tamaño de fuente específico. Puede utilizar una de estas técnicas para definir el tamaño de la fuente: tamaño específico, la palabra clave (por ejemplo, grande o grande), Y el porcentaje.

  • Estilo de fuente: Determina el estilo de la fuente que crea el navegador. El navegador debe ser compatible con el estilo y el tipo de letra debe suministrar el estilo para que esta propiedad tenga efecto. Las palabras clave de estilo de fuente son: normal, itálico, oblicuo (normalmente un cursiva más fuerte), y heredar.

  • font-variant: Especifica si la fuente debe ser presentada en una forma variante. No todos los navegadores y fuentes compatibles con esta función. Las palabras clave de esta propiedad son normal, small-caps, y heredar.

  • font-weight: Determina la oscuridad relativa de la fuente y la anchura de sus golpes. Hay dos métodos para definir el peso de la fuente: numérico y la palabra clave (por ejemplo, audaz).

  • altura: Indica el tamaño vertical de un elemento.


  • izquierda: Indica la ubicación del extremo izquierdo de un elemento en una página.

  • list-style: Define la apariencia de un elemento de la lista. Puede definir el tipo de marcadores de usar, la posición de los marcadores, y si los marcadores se crean en realidad el uso de imágenes, en lugar de caracteres estándar.

  • margen: Especifica la cantidad de espacio entre el borde de un elemento y el margen de otro elemento.

  • margin-bottom: Indica el lugar más inferior de un margen de elemento en una página.

  • margin-left: Indica la ubicación del extremo izquierdo de un margen de elemento en una página.

  • margin-top: Indica la ubicación más alta de un margen de elemento en una página.

  • relleno: Especifica la cantidad de espacio entre el borde de un elemento y el contenido dentro del elemento.

  • posición: Indica la ubicación de los elementos en una página. Se especifica la ubicación usando estas palabras clave: estático (los elementos se hacen fluir), absoluto (los elementos aparecen en una ubicación específica, incluso si tal colocación podría sobrescribir otro elemento), fijo (los elementos se colocan en relación con la ventana del navegador), o pariente (los elementos se colocan en relación con elementos primarios).

  • text-align: Especifica la posición del texto en una línea. Se especifica la alineación con el justificar, derecho, centro, y izquierda palabras clave.

  • text-decoration: Define la adición de una característica, como subrayado, overline, o línea-a través de la fuente. Este establecimiento funciona en todas partes, por lo que no tiene que preocuparse si alguien ve su página en una televisión o usando un teléfono inteligente hará que su mensaje.

  • texto de desbordamiento: Define la acción que se llevará a cabo cuando el texto se desborda la caja utilizada para contenerla. Los valores aceptables son: presilla, elipses, o un valor de cadena que proporciona.

  • text-shadow: Muestra una sombra de los personajes de destino en el mismo ancho que el carácter objetivo. El posicionamiento, la fuerza, y el color de la sombra están determinadas por las propiedades siguientes: h-sombra (determina la posición horizontal de la sombra), v-sombra (determina la posición vertical de la sombra), desenfoque (especifica la claridad del texto de la sombra), y color (define el color del contorno).

  • visibilidad: Especifica el nivel de visibilidad de un elemento. Utiliza las siguientes palabras clave para configurar esta propiedad: visible, oculto, o colapso.

  • ancho: Indica el tamaño horizontal de un elemento.

  • palabra-break: Determina el ajuste del texto dentro de una caja que contiene al trabajar con un CJK no lingüística (Japonés Coreano Chino). Los valores aceptables son: normal, Romper todo, y separación silábica.

  • ajuste de línea: Determina el texto está roto y luego se envuelve a la siguiente línea en una caja que contiene al trabajar con un lenguaje no CJK. Los valores aceptables son: normal y ruptura palabra.