1.1-14.2 ArgeoVC

1.
- COLOR PROPERTIES
1.1 CSS COLOR DE LA PROPIEDAD
Definicin: la propiedad de color especifica el color del texto
SINTAXIS CSS:
color: color|initial|inherit;
EJEMPLO: Establecer el color de texto de diferentes elementos

body
{
color: red;
}
h1
{
color: #00ff00;
}
p
{
color: rgb(0,0,255);
}
1.- COLOR PROPERTIES

1.2 CSS OPACIDAD PORPIEDAD
Definicin: La propiedad de opacidad ajusta el nivel de opacidad de un elemento. El
nivel de opacidad describe el nivel de transparencia, donde 1 no es transparente, 0.5
50% transparente y 0 es completamente transparente.
Sintaxis: opacity: number|initial|inherit;
Ejemplo: Establecer el nivel de opacidad de un elemento < div >:
div
{
opacity: 0.5;
}
2.- BACKGROUND AND BORDER

PROPERTIES
2.1 CSS FONDO PROPIEDAD
Definicin: La propiedad abreviada de fondo establece todas las propiedades de fondo en una
declaracin.
Las propiedades que se pueden establecer, son: color de fondo, imagen de fondo, fondo-posicin, tamao
del fondo, fondo-repetir, fondo-origen, clip de fondo y fondo-accesorio.
No importa si faltan uno de los valores anteriores, por ejemplo, fondo: url(smiley.gif) #ff0000; est
permitido.
Sintaxis:
background: color image position/size repeat origin clip attachment initial|inherit;
Ejemplo: Establecer las propiedades de diferentes antecedentes en una declaracin:

body
{
background: #00ff00 url("smiley.gif") no-repeat fixed center;
}

PROPERTIES
2.2 CSS FONDO ACCESORIO PROPIEDAD
Definicin: La propiedad de fondo-accesorio establece una imagen de fondo se fija o se desplaza con el
resto de la pgina.
Sintaxis: background-attachment: scroll|fixed|local|initial|inherit;
Ejemplo: Cmo especificar una imagen de fondo fija:
body
{
background-image: url('w3css.gif');
background-repeat: no-repeat;
background-attachment: fixed;
}

PROPERTIES
2.3 CSS EL MODO DE MEZCLA DEL FONDO PROPIEDAD
Definicin: La propiedad de modo de mezcla de fondo define el modo de fusin de cada capa de fondo
(color o imagen).
Sintaxis: background-blend-mode: normal|multiply|screen|overlay|darken|lighten|color- dodge|
saturation|color|luminosity;
Ejemplo: Especificar un modo de fusin:
Div
{
width: 200px;
height: 200px;
background-size: 200px 200px;
background-repeat:no-repeat;
background-image: linear-gradient(to right, black 0%, white 100%), url('w3css.gif');
background-blend-mode: color-dodge;
2.- BACKGROUND AND BORDER PROPERTIES

2.4 CSS COLOR DE FONDO DE PROPIEDAD
Definicin: La propiedad color de fondo establece el color de fondo de un elemento. El fondo de un elemento es el tamao total del
elemento, incluyendo el relleno y borde (pero no el margen).
Sintaxis: background-color: color|transparent|initial|inherit;
Ejemplo: Establecer el color de fondo de diferentes elementos:
body
{
background-color: yellow;
}
h1
{
background-color: #00ff00;
}
p
{
background-color: rgb(255,0,255);
}

2.5 CSS IMAGEN DE FONDO PROPIEDAD
Definicin: La propiedad background-image establece una o varias imgenes de fondo para un
elemento.
El fondo de un elemento es el tamao total del elemento, incluyendo el relleno y borde (pero no el
margen).
Por defecto, una imagen de fondo es colocada en la esquina superior izquierda de un elemento y repetida
tanto vertical como horizontalmente.
Sintaxis: background-image: url|none|initial|inherit;
Ejemplo: Establecer una imagen de fondo del elemento < body >:
Body
{
background-image: url("paper.gif");
background-color: #cccccc;
}

2.6 CSS FONDO POSICION PROPIEDAD
Definicin: La propiedad background-position establece la posicin inicial de una imagen de fondo.
Sintaxis: background-position: value;
Ejemplo: Cmo colocar una imagen de fondo:
body
{
background-image: url('smiley.gif');
background-attachment: fixed;
background-position: center;

2.7 CSS FONDO REPETIR PROPIEDAD
Definicin: La propiedad de fondo-repetir establece si/cmo una imagen de fondo se repetir.
Por defecto, una imagen de fondo se repite tanto vertical como horizontalmente.
Sintaxis: background-repeat: repeat|repeat-x|repeat-y|no-repeat|initial|inherit;
Ejemplo: Repetir imagen de fondo slo verticalmente:
body
{
background-image: url("paper.gif");
background-repeat: repeat-y;
}

2.8 CSS CLIP DE FONDO PROPIEDAD
Definicin: La propiedad clip de fondo especifica el rea de la pintura del fondo.
Sintaxis: background-clip: border-box|padding-box|content-box|initial|inherit;
Ejemplo: Especificar el rea de pintura de fondo:
div
{
border: 10px dotted black;

padding:35px;
background: yellow;
background-clip: content-box;

2.9 CSS FONDO ORIGEN PROPIEDAD
Definicin: La propiedad de origen de fondo especifica donde se coloca la imagen de fondo.
Sintaxis: background-origin: padding-box|border-box|content-box|initial|inherit;
Ejemplo: Deje que la imagen de fondo a partir de la esquina superior izquierda del contenido:
#example1
{
background:url(img_flwr.gif);
padding:35px;
background-origin: content-box;

2.10 CSS FONDO TAMAO PROPIEDAD
Definicin: La propiedad de fondo tamao especifica el tamao de las imgenes de fondo.

Sintaxis: background-size: auto|length|cover|contain|initial|inherit;
Ejemplo: Especificar el tamao de una imagen de fondo:
div
{
background: url(img_flwr.gif);
background-size: 80px 60px;
}

PROPERTIES
2.11 CSS BORDER PROPIEDAD
Definicin: La propiedad border de taquigrafa establece todas las propiedades de frontera en una
declaracin.
Las propiedades que se pueden establecer, son (en orden): ancho del borde, estilo de borde y color del
borde.
No importa si falta uno de los valores anteriores, por ejemplo, frontera: solid #ff0000; est permitido.
Sintaxis: border: border-width border-style border-color|initial|inherit;
Ejemplo: Definir el estilo de la frontera cuatro:
p
{
border: 5px solid red;
}

PROPERTIES
2.12 CSS FONDO FRONTERA PROPIEDAD
Definicin: La propiedad abreviada de fondo frontera establece todas las propiedades de frontera
de fondo en una declaracin. Las propiedades que se pueden establecer, son (en orden): ancho del
borde inferior, frontera inferior de estilo y color del borde inferior. No importa si uno de los valores
anteriores no se encuentra, por ejemplo, de la frontera-parte inferior: solid #ff0000; est permitido.
Sintaxis: border-bottom: border-width border-style border-color|initial|inherit;
Ejemplo: Definir el estilo del borde inferior:
p
{
border-style: solid;
border-bottom: thick dotted #ff0000;
}

PROPERTIES
2.13 CSS COLOR DE BORDE INFERIOR PROPIEDAD
Definicion:La propiedad border-fondo-color establece el color del borde inferior de un elemento.
Sintaxis: border-bottom-color: color|transparent|initial|inherit;
Ejemplo: Establecer el color del borde inferior:
p
{
border-style: solid;
border-bottom-color: #ff0000;
}

PROPERTIES
2.14 CSS BORDE-ABAJO-IZQUIERDA-RADIO PROPIEDAD
Definicin: La propiedad border-abajo-izquierda-radius define la forma del borde de la esquina inferior
izquierda.
Sintaxis: border-bottom-left-radius: length|% [length|%]|initial|inherit;
Ejemplo: Agregar un borde redondeado en la esquina inferior izquierda de un elemento < div >:
div
{
border: 2px solid;
border-bottom-left-radius: 2em;
}

PROPERTIES
2.15 CSS BORDE-ABAJO-DERECHA-RADIO PROPIEDAD
Definicin: La propiedad border-abajo-derecha-radius define la forma del borde de la esquina inferior
derecha.
Sintaxis: border-bottom-right-radius: length|% [length|%]|initial|inherit;
Ejemplo: Agregar un borde redondeado en la esquina inferior derecha de un elemento < div >:
div
{
border: 2px solid;
border-bottom-right-radius: 2em;
}

2.16-CSSborder-bottom-ncho dela propiedad
Definicion
: La propiedad border-bottom-width establece el ancho del borde inferior de un elemento.
(Nota:declarar siempre la propiedad border-style antes de que la propiedad border-bottom-width.Un elemento

debe tener fronteras antes de poder cambiar el ancho.)
sintaxis CSS
border-bottom-width: medium|thin|thick|length|initial|inherit;
Ejemplo:
Ajuste el ancho del borde inferior:
p{
border-style:solid;
border-bottom-width:15px;
}

2.17-CSSborder-colorde la propiedad
Definicion:
propiedad border-color establece el color de los cuatro bordes

de un elemento.Esta propiedad puede tener de uno a cuatro valores.
sintaxis CSS
border-color:color|transparent|initial|inherit;
Ejemplo:
Ajuste el color de los cuatro bordes:
p{
border-style:solid;
border-color:#ff0000 #0000ff;
}

2.18-CSS3border-imagePropiedad
Definicion La propiedad border-image le permite especificar una imagen para
ser utilizada en lugar de la frontera normal alrededor de un elemento.
Sintaxis CSS
border-image:source slice width outset repeat|initial|inherit;
Ejemplo:
Especificar una imagen como la frontera alrededor de un elemento:

#borderimg{
-webkit-border-image:url(border.png) 30 round;/* Safari 3.1-5 */
-o-border-image:url(border.png) 30 round;/* Opera 11-12.1 */
border-image:url(border.png) 30 round;
}

2.19-CSS3frontera-imagen-principiode la propiedad
Definicion: La propiedad border-image-inicio especifica la cantidad en que el

rea de la imagen frontera se extiende ms all del borde de cuadro.
Sintaxis CSS
border-image-outset:length|number|initial|inherit;
Ejemplo
Coloque la imagen Frontera 10 pxeles fuera de los lmites de bordes de un
elemento:
#borderimg{
border-image-source:url(border.png);
border-image-outset:10px;
}

2.20-CSS3frontera-imagen-repeticinde la propiedad
Definicion: La propiedad border-image-repeticin especifica si la imagen de

la frontera se debe repetir, redondeado o estirado.
sintaxis CSS
border-image-repeat: stretch|repeat|round|initial|inherit;
Ejemplo
Especificar cmo repetir la imagen de la frontera:
#borderimg{
border-image-repeat:repeat;
}

2.21-CSS3frontera-imagen-rebanadaPropiedad
Definicon: La propiedad border-image-rebanada especifica cmo cortar la

imagen especificada por lafrontera de la imagen de cdigo.La imagen
siempre est cortado en nueve secciones: cuatro esquinas, cuatro bordes y el
centro.
sintaxis CSS
border-image-slice:number|%|fill|initial|inherit;
Ejemplo:
Especificar cmo cortar la imagen Frontera:
#borderimg{
border-image-slice:30;
}

2.22-CSS3frontera imagen al ancho dela
propiedad
Definicion: La propiedad border-image-anchura especifica el ancho de la
frontera.
sintaxis CSS
border-image-width:number|%|auto|initial|inherit;
Ejemplo
Especificar el ancho de la frontera:
#borderimg{
border-image-width:10px;
}

2.23-CSSborder-leftPropiedad
Definicion: La propiedad abreviada border-left establece todas las
propiedades de los bordes que quedan en una declaracin.
sintaxis CSS
border-left:border-widthborder-styleborder-color|initial|inherit;
Ejemplo
Ajuste el estilo del borde izquierdo:
p{
border-style:solid;
border-left:thick double #ff0000;
}

2.24-CSSborder-left-ancho dela propiedad
Definicion: La propiedad border-left-anchura establece el ancho del borde
izquierdo de un elemento.
sintaxis CSS
border-left-width: medium|thin|thick|length|initial|inherit;
Ejemplo
Ajuste el ancho del borde izquierdo:
p{
border-style:solid;
border-left-width:15px;
}

2.25-CSS3frontera de radiopropiedad
Definicion: La propiedad border-radio es una propiedad abreviada para
establecer los cuatro frontera - * - propiedades del radio.
sintaxis CSS
border-radius:1-4 length|%/1-4 length|%|initial|inherit;
Ejemplo
Aadir bordes redondeados a un elemento <div>:
div{
border:2px solid;
border-radius:25px;
}

2.26-CSSborder-rightPropiedad
Definicin: La propiedad abreviada border-right establece todas las propiedades de
borde recto en una declaracin.
Las propiedades que se pueden establecer, son (en orden): Frontera-right-width, borderstyle-derecha, y border-right-color.
sintaxis CSS
border-right:border-widthborder-styleborder-color|initial|inherit;
Ejemplo
Establecer el estilo del borde derecho:
p{
border-style:solid;
border-right:thick double #ff0000;
}

2.27-CSSborder-right-color dela Propiedad
Definicion: La propiedad border-right color establece el color del borde
derecho de un elemento.
sintaxis CSS
border-right-color:color|transparent|initial|inherit;
Ejemplo
Establecer el color del borde derecho:
p{
border-style:solid;
border-right-color:#ff0000
}

2.28-CSS3fondo de tamaode la propiedad
Definicion: La propiedad background-size especifica el tamao de las imgenes
de fondo.
sintaxis CSS
background-size: auto|length|cover|contain|initial|inherit;
Ejemplo
Especificar el tamao de una imagen de fondo:
div{
background:url(img_flwr.gif);
background-size:80px 60px;
background-repeat:no-repeat;
}

2.29-CSS-estilo de borde superiorde la propiedad
Definicion: Entre las opciones de estilo de borde superior establece el estilo
del borde superior de un elemento.
sintaxis CSS
border-top-style:none|hidden|dotted|dashed|solid|double|groove|ridge|inset|
outset|initial|inherit;
Ejemplo
Ajuste el estilo del borde superior:
p{
border-style:solid;
border-top-style:dotted;
}

2.30-CSSborder-top-ancho dela propiedad
Definicion: La propiedad border-top-width establece el ancho del borde
superior de un elemento.
sintaxis CSS
border-top-width: medium|thin|thick|length|initial|inherit;
Ejemplo
Ajuste el ancho del borde superior:
p{
border-style:solid;
border-top-width:15px;
}

2.31-CSSborder-widthPropiedad
Definicion: La propiedad border-width establece el ancho de los cuatro
bordes de un elemento.Esta propiedad puede tener de uno a cuatro valores.
sintaxis CSS
border-width: medium|thin|thick|length|initial|inherit;
Ejemplo
Ajuste el ancho de los cuatro bordes:
p{
border-style:solid;
border-width:15px;
}

2.32-CSS3box-shadowProperty
Sintaxis CSS
box-shadow: none|h-shadow v-shadow blur spread color|inset|initial|inherit;
Ejemplo:
Add a box-shadow to a <div> element:
div{
box-shadow:10px 10px 5px #888888;
}

2.33 CSSborder-right-ancho dela propiedad
Definicin: La propiedad border-right-width establece el ancho del borde
derecho de un elemento.
sintaxis CSS:
border-right-width: medium|thin|thick|length|initial|inherit;
Ejemplo
Ajuste el ancho del borde derecho:
p{
border-style:solid;
border-right-width:15px;
}

2.34 CSSborder-stylede la propiedad
Definicin: La propiedad border-style establece el estilo de los cuatro bordes de un
elemento.Esta propiedad puede tener de uno a cuatro valores.
sintaxis CSS
border-style:none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset|initial|
inherit;
Ejemplos:
Establecer el estilo de los cuatro bordes:
p{
border-style:solid;
}

2.35 CSSborder-bottomPropiedad
Definicin: La propiedad abreviada border-bottom establece todas las propiedades de
los bordes inferiores en una declaracin. Las propiedades que se pueden establecer,
son (en orden): border-bottom-ancho, border-style-inferior, y border-bottom-color.
sintaxis CSS:
border-bottom:border-widthborder-styleborder-color|initial|inherit;
Ejemplo:
Ajuste el estilo del borde inferior:
p{
border-style:solid;
border-top:thick double #ff0000;
}

2.36 CSSborder-bottom-color dela
Propiedad
Definicin: La propiedad border-bottom color establece el color del borde
inferior de un elemento.
sintaxis CSS:
border-bottom-color:color|transparent|initial|inherit;
Ejemplo
Ajuste el color del borde inferior:
p{
border-style:solid;
border-bottom-color:#ff0000;
}

2.37 CSS3border-bottom-izquierda-radio dela propiedad
Definicin: La propiedad de radio border-bottom-izquierda define la forma del
borde de la esquina inferior izquierda.
sintaxis CSS
border-bottom-left-radius:length|%[length|%]|initial|inherit;
Ejemplo:
Aadir un borde redondeado a la esquina inferior izquierda de un elemento
<div>:
div{
border:2px solid;
border-bottom-left-radius:2em;
}

2.38 CSS3border-bottom-derecha-radio dela propiedad
Definicin : La propiedad de radio border-bottom-derecha define la forma del
borde de la esquina inferior derecha.
sintaxis CSS
border-bottom-right-radius:length|%[length|%]|initial|inherit;
Ejemplo
Aadir un borde redondeado a la esquina inferior derecha de un elemento
<div>:
div{
border:2px solid;
border-bottom-right-radius:2em;
}

2.39 CSS-estilo de borde superiorde la propiedad
Definicin: Entre las opciones de estilo de borde superior establece el estilo del
borde superior de un elemento.
sintaxis CSS
border-top-style:none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset|
initial|inherit;
Ejemplo
Ajuste el estilo del borde superior:
p{
border-style:solid;
border-top-style:dotted;
}

2.40 CSSborder-top-ancho dela propiedad
Definicin: La propiedad border-top-width establece el ancho del borde superior de
un elemento. declarar siempre la propiedad border-style antes de que la propiedad
border-top-width.Un elemento debe tener fronteras antes de poder cambiar el ancho.
sintaxis CSS:
border-top-width: medium|thin|thick|length|initial|inherit;
Ejemplo:
Ajuste el ancho del borde superior:
p{
border-style:solid;
border-top-width:15px;
}

2.41 CSSborder-widthPropiedad
Definicin y Uso: La propiedad border-width establece el ancho de los cuatro bordes de un elemento.Esta
propiedad puede tener de uno a cuatro valores.
Ejemplos:
border-width: 10px delgada de espesor medio;
border-width: media delgada de espesor;
border-width: media delgada;
border-width: delgada;
sintaxis CSS:
border-width: medium|thin|thick|length|initial|inherit;
Ejemplo
Ajuste el ancho de los cuatro bordes:
p{
border-style:solid;
border-width:15px;
}

2.42 CSS3box-shadowPropiedad
Definicin: La propiedad box-shadow concede uno o ms sombras a un
elemento.La propiedad es una lista separada por comas de las sombras,
cada uno especificado por 2-4 valores de longitud, un color opcional, y una
palabra clave de insercin opcional.Longitudes omitidas son 0.
sintaxis CSS:
box-shadow: none|h-shadow v-shadow blur spread color|inset|initial|inherit;
Ejemplo
Aadir una caja-sombra a un elemento <div>:
div{
box-shadow:10px 10px 5px #888888;
}
3 . Basic Box Properties

3.1 CSSparte inferiorde la propiedad
Definicin: Para los elementos con posicin absoluta, la propiedad inferior fija el borde inferior de un
elemento a una unidad por encima / debajo del borde inferior de su antepasado posicionado ms
prximo.
sintaxis CSS:
bottom: auto|length|initial|inherit;
Ejemplo:
Ajuste el borde inferior del elemento absolutamente posicionado <div> 70 pxeles por encima del borde
inferior de su antepasado posicionado ms prximo:
div.absolute{
position:absolute;
bottom:70px;
width:200px;
height:100px;
border:3px solid #8AC007;
}

3.2 CSSclaraPropiedad
Definicin: La propiedad clear especifica en la que no se permiten los lados de un elemento
elementos flotantes flotar.
sintaxis CSS
clear: none|left|right|both|initial|inherit;
Ejemplo
No hay elementos flotantes permiten a la izquierda oa la derecha de un elemento especificado <p>:
img{
float:left;
}
p.clear{
clear:both;
}

3.3 CSSclip dela propiedad
Definicin: Qu ocurre si una imagen es ms grande que su elemento contenedor?La propiedad de clip le permite especificar un rectngulo para recortar un elemento
con posicin absoluta.El rectngulo se especifica como cuatro coordenadas, todo ello
desde la esquina superior izquierda del elemento a ser cortada.
sintaxis CSS
clip: auto|shape|initial|inherit;
Ejemplo:
Ajuste de una imagen:
img{
position:absolute;
clip:rect(0px,60px,200px,0px);
}

3.4 CSSvisualizacin dela propiedad
Definicin: La propiedad de visualizacin especifica el tipo de caja
usada para un elemento HTML.
sintaxis CSS
display:value;
Ejemplo:
Pantalla <p> elementos como elementos en lnea:
p.inline{
display:inline;
}

3.5 CSSfloatpropiedad
Definicin: La propiedad float especifica si o no una caja (un
elemento) debe flotar.
sintaxis CSS
float: none|left|right|initial|inherit;
Ejemplo
Deja un flotador de imagen a la derecha:
img{
float:right;
}

3.6 CSSaltura dela Propiedad
Definicin:La propiedad height establece la altura de un elemento.
Nota:La propiedad de altura no incluye el relleno, las fronteras y los mrgenes;que
define la altura de la zona interior del relleno, borde, y el margen del elemento!
sintaxis CSS
height: auto|length|initial|inherit;
Ejemplo:
Ajuste la altura y la anchura de un prrafo:
p.ex{
height:100px;
width:100px;
}

3.7.- padding-left
Definicin: relleno izquierdo (espacio) de un elemento

sintaxis css
padding-left:length |initial |inherit;
ejemplo
p{
padding-left: 2cm;
}

3.8.- margin-top margen superior de un elemento
definicion: margen superior de un elemento.

sintaxis css
margin-top:length |auto |initial |inherit;
ejemplo
p{
margin-top: 2cm;
}

3.9.-max- height
altura mxima de un elemento
Definicin: altura mxima de un elemento

sintaxis css
max-height: none |length |initial |inherit;
ejemplo
p{
max-height: 50px;
}

3.10.- padding-right establece el relleno derecha de un elemento
Definicion: establece el relleno derecha de un elemento

sintaxis css
padding-right:length |initial |inherit;
ejemplo
p {
padding-right: 2cm;
}

3.11 padding-top
Definicion: establece el relleno superior de un elemento

sintaxis css
padding-top:length |initial |inherit;
ejemplo
p{
padding-top: 2cm;
}

3.12.- vertical- align
Definicion: establece la alineacin vertical de un elemento

sintaxis css vertical-align: base line| length|sub|super|top|texttop|middle|bottom|textbuttom |initial |inherit;
ejemplo
img {
vertical-align: text-top;
}

3.13.- z-ndex
Definicion: especifica el orden de apilamiento de un elemento

sintaxis css
z-ndex: auto|number|initial|inherit;
ejemplo
img {
position: absolute; left: 0px; top: 0px; z-index: -1;
}

3.14 desbordamiento-x
Definicion: especifica qu hacer con los bordes izquierdo / derecho del
contenido - si se desborda el rea del contenido del elemento.
Sintaxis css
overflow-x: visible|hidden|scroll|auto|initial|inherit;
ejemplo
div {
overflow-x: hidden;
}

3.15.- desbordamiento-y
Definicion: especifica que hacer con los bordes superior / inferior del
contenido
sintaxis css
overflow-y: visible|hidden|scroll|auto|initial|inherit;
ejemplo
div {
overflow-y: hidden;
}

3.16.-align- Contenido
Definicion: modifica el comportamiento de la propiedad flex-wrap. Se alinea lneas
flexibles.
sintaxis css align-content: stretch|center|flex-start|flex-end|spacebetween|spacearound|initial|
inherit;
ejemplo
div {
width: 70px; -webkit-align-content: center; align-content: center;
}

3.17.- parte Inferior
Definicin: la propiedad inferior fija el borde inferior de un elemento a una
unidad por encima / debajo del borde inferior.
sintaxis css
bottom: auto|length|initial|inherit;
ejemplo
div.absolute {
position: absolute; bottom: 70px; width: 200px; height: 100px;
border: 3px solid #8AC007;
}

3.18.- clara propiedad
Definicin: La propiedad clear especifica en la que no se permiten

los lados de un elemento elementos
flotantes flotar.
sintaxis css
clear: none|left|right|both|initial|inherit;
ejemplo
img { float: left; }
p.clear { clear: both; }

3.19.-margin-bottom
Definicin: establece el margen inferior de un elemento.

sintaxis css margin-bottom:length|auto|initial|inherit;
ejemplo
p {
margin-bottom: 2cm;
}

3.20.-padding -bottom
Definicion: establece el relleno inferior (espacio) de un elemento.

sintaxis css
padding-bottom:length|initial|inherit;
ejemplo
p{
padding-bottom: 2cm;
}

3.21.- desbordamiento de la propiedad
Definicin: indica qu sucede si el contenido desborda la caja de

un elemento.
sintaxis css
inherit;
overflow: visible|hidden|scroll|auto|initial|
ejemplo
div {
width: 150px; height: 150px; overflow: scroll; }

3.22.- float propiedad
Definicin: especifica si o no una caja (un elemento) debe flotar.

sintaxis css
float: none|left|right|initial|inherit;
ejemplo
img {
float: right;

3.23.- margin-right
Definicin: establece el margen derecho de un elemento.

sintaxis css
margin-right:length|auto|initial|inherit;
ejemplo
p {
margin-right: 2cm;
}

3. 24 CSSpadding-topPropiedad
Definicin: La propiedad padding-top establece el relleno
superior (espacio) de un elemento.
Sintaxis CSS: padding-top:length|initial|inherit;
Ejemplo: Ajuste el relleno superior de un elemento <p>:
p{
padding-top:2cm;
}

3. 25 CSSposicin dela Propiedad
Definicional propiedad position especifica el tipo de mtodo de
posicionamiento utilizado para un elemento (esttico, relativa,
absoluta o fija).
Sintaxis CSS: position: static|absolute|fixed|relative|initial|inherit;
Ejemplo:Posicionar un elemento <h2>:
h2{
position:absolute;
left:100px;
top:150px;
}

3. 26 CSSderechode la propiedad
Definicion: Para los elementos con posicin absoluta, el derecho de
propiedad establece el margen derecho de un elemento a una unidad
hacia la izquierda / derecha del borde derecho de su antepasado
posicionado ms prximo.
Sintaxis CSS: right: auto|length|initial|inherit;
Ejemplo: Ajuste el borde derecho de la absoluta posicionado <div> 20px
elemento a la izquierda del borde derecho de su antepasado posicionado
ms prximo:
div.absolute{
position:absolute;
right:20px;
width:200px;
height:120px;
}

3. 27 CSSparte superiorde la propiedad
Definicion: Para los elementos con posicin absoluta, la propiedad top
establece el borde superior de un elemento a una unidad por encima / debajo
del borde superior de su antepasado posicionado ms prximo.
Sintaxis CSS: top: auto|length|initial|inherit;

Ejemplo: Ajuste el borde superior del elemento absolutamente posicionado
<div> para 80px por debajo del borde superior de su antepasado posicionado
ms prximo:
div.absolute{
position:absolute;
top:80px;
width:200px;
height:100px;
}

3. 28 CSSvisibilidad dela propiedad
Definicion: La propiedad de visibilidad especifica si un
elemento es visible.
Sintaxis CSS: visibility: visible|hidden|collapse|initial|
inherit;
Ejemplo: Hacer <h2> Elementos invisibles:
h2{
visibility:hidden;
}

3. 29 CSSancho dela propiedad
Definicion: La propiedad de profundidad establece el ancho
de un elemento. Nota:La propiedad de ancho no incluye el
relleno, las fronteras y los mrgenes;que establece el ancho
de la zona en el interior del relleno, borde, y el margen del
elemento!
Sintaxis CSS: width: auto|value|initial|inherit;
Ejemplo: Ajuste la altura y la anchura de un elemento <p>:
p.ex{
height:100px;
width:100px;
}

3. 30 CSSverticalalignPropiedad
Definicin: La propiedad vertical-align establece la
alineacin vertical de un elemento.
Sintaxis CSS: vertical-align: baseline|length|sub|super|
top|text-top|middle|bottom|text-bottom|initial|inherit;
Ejemplo: alinear vertical de una imagen:
img{
vertical-align:text-top;
}

3. 31 CSSz-indexPropiedad
Definicion: La propiedad z-index especifica el orden de
apilamiento de un elemento.
Un elemento con mayor orden de apilamiento est siempre delante
de un elemento con una orden de pila baja.
Sintaxis CSS: z-index: auto|number|initial|inherit;
Ejemplo: Ajuste el ndice z de una imagen:
img{
position:absolute;
left:0px;
top:0px;
z-index:-1;
}
4. Flexible Box Layout

4. 1 CSSalign-contenido dela propiedad
Definicion: La propiedad align-contenido modifica el comportamiento de la propiedad flexwrap.Es similar a alinear-artculos, pero en lugar de la alineacin de los elementos de flexin,
se alinea lneas flexibles.
Sintaxis CSS: align-content: stretch|center|flex-start|flex-end|space-between|space-around|
initial|inherit;
Ejemplo: lneas de envase hacia el centro del recipiente de la flexin:
div{
width:70px;
height:300px;
border:1px solid #c3c3c3;
display:-webkit-flex;
display:flex;
-webkit-flex-wrap:wrap;
flex-wrap:wrap;
-webkit-align-content:center;
align-content:center;
}

4. 2 CSSALIGN-artculosde propiedad
Definicion: La propiedad align-artculos especifica la alineacin
predeterminada de elementos en el interior del recipiente flexible.
Sintaxis CSS: align-items: stretch|center|flex-start|flex-end|baseline|
initial|inherit;
Ejemplo: Centrar las alineaciones de todos los elementos del
elemento flexible <div>:
div{
display:-webkit-flex;/* Safari */
-webkit-align-items:center;/* Safari 7.0+ */
display:flex;
align-items:center;
}

4.3 CSSalign-autoPropiedad
Definicion: La propiedad align-auto especifica la alineacin del
elemento seleccionado en el interior del recipiente flexible.
Sintaxis CSS: La propiedad align-auto especifica la alineacin
del elemento seleccionado en el interior del recipiente flexible.;
Ejemplo: Centre las alineaciones para uno de los elementos
dentro de un elemento flexible:
#myBlueDiv{
-webkit-align-self:center;/* Safari 7.0+ */
align-self:center;
}

4.4 CSSflexinde la propiedad
Definicion: La propiedad flex especifica la longitud del artculo, en
relacin con el resto de los elementos flexibles en el interior del
mismo contenedor. La propiedad de la flexin es una forma abreviada
de los flex-crecer, flex-encogimiento, y el flex-bsicos propiedades.
Sintaxis CSS: flex:flex-growflex-shrinkflex-basis|auto|initial|inherit;
Ejemplo: Que todos los elementos flexibles tener la misma longitud,
regardles de su contenido:
#main div{
-webkit-flex:1;/* Safari 6.1+ */
-ms-flex:1;/* IE 10 */
flex:1;
}

4.5 CSSflex-basede la propiedad
Definicion: La propiedad flex-base especifica la longitud
inicial de un elemento flexible. Nota:Si el elemento no es un
elemento de flexibilidad, la propiedad de la flexin-base no
tiene ningn efecto.
Sintaxis CSS: flex-basis:number|auto|initial|inherit;
Ejemplo: Ajuste la longitud inicial de la segunda partida de
la flexin de 80 pxeles:
div:nth-of-type(2){
-webkit-flex-basis:80px;/* Safari 6.1+ */
flex-basis:80px;
}

4.6 CSSflex-direccindel inmueble
Definicion: La propiedad flex-direction especifica la direccin de los
elementos flexibles. Nota:Si el elemento no es un elemento de
flexibilidad, la propiedad de la flexin-direccin no tiene ningn efecto.
Sintaxis CSS: flex-direction: row|row-reverse|column|column-reverse|
initial|inherit;
Ejemplo: Ajustar el sentido de los artculos flexibles dentro del
elemento <div> en el orden inverso:
div{
-webkit-flex-direction:row-reverse;/* Safari 6.1+ */
display:flex;
flex-direction:row-reverse;
}

4.7 CSSflex-flujoPropiedad
Definicion: La propiedad de flujo de la flexin es una propiedad resumida
para la direccin de la flexin y las propiedades flex-wrap. La propiedad
flex-direction especifica la direccin de los elementos flexibles. La
propiedad flex-wrap especifica si los elementos flexibles deben envolver o
no.
Sintaxis CSS: flex-flow:flex-directionflex-wrap|initial|inherit;
Ejemplo: Hacer que los elementos flexibles se muestran en orden inverso,
y se envuelven si necesarry:
div{
-webkit-flex-flow:row-reverse wrap;/* Safari 6.1+ */
display:flex;
flex-flow:row-reverse wrap;
}

4.8 CSSflex-crecerPropiedad
Definicion: El flex-crecer propiedad especifica la cantidad del elemento
crecer en relacin con el resto de los elementos flexibles en el interior del
mismo contenedor.
Sintaxis CSS: flex-grow:number|initial|inherit;
Ejemplo: Deje que el segundo elemento de flexin crecer tres veces ms
ancha que el resto:
/* Safari 6.1+ */
div:nth-of-type(1){-webkit-flex-grow:1;}
/* Standard syntax */
div:nth-of-type(1){flex-grow:1;}

4.9 CSSflex-retrctilPropiedad
Definicion: El flex-retrctil propiedad especifica cmo el artculo se reducir en
relacin con el resto de los elementos flexibles en el interior del mismo
contenedor.
Sintaxis CSS: flex-shrink:number|initial|inherit;
Ejemplo: Deje que el segundo elemento de flexin encogimiento tres veces
ms que el resto:
/* Safari 6.1+ */
div:nth-of-type(2){
-webkit-flex-shrink:3;
}
div:nth-of-type(2){
flex-shrink:3;
}

4.10CSSflex-wrapPropiedad
Definicin: La propiedad flex-wrap especifica si los elementos flexibles deben
envolver o no.
sintaxis CSS
flex-wrap: nowrap|wrap|wrap-reverse|initial|inherit;
Ejemplo
Hacer que los elementos flexibles envuelven si necesarry:
div{
-webkit-flex-wrap:wrap;/* Safari 6.1+ */
display:flex;
flex-wrap:wrap;
}

4.11CSSjustifica en el contenidode la propiedad
Definicin: La propiedad justificar contenido alinea los elementos del

contenedor flexible cuando los artculos no utilizan todo el espacio disponible en
el eje principal (horizontal).
sintaxis CSS
justify-content: flex-start|flex-end|center|space-between|space-around|initial|
inherit;
Ejemplo
Hacer un poco de espacio alrededor de los elementos del elemento flexible
<div>:
div{
-webkit-justify-content:space-around;/* Safari 6.1+ */
display:flex;
justify-content:space-around;
}

4.12CSSparala propiedad
Definicin : La propiedad de orden especifica el orden de un elemento flexible,
en relacin con el resto de los elementos flexibles en el interior del mismo
contenedor.
sintaxis CSS
order:number|initial|inherit;
Ejemplo
Establecer el orden de los elementos flexibles:
/* Code for Safari 6.1 to 8.0 */
div#myRedDIV{-webkit-order:2;}
div#myBlueDIV{-webkit-order:4;}
div#myGreenDIV{-webkit-order:3;}
div#myPinkDIV{-webkit-order:1;}
div#myRedDIV{order:2;}
div#myBlueDIV{order:4;}
div#myGreenDIV{order:3;}
div#myPinkDIV{order:1;}
5 Text Properties
5.1CSS3colgante-puntuacionPropiedad
Definicin: La propiedad colgante-puntuacion especifica si una marca de
puntuacion puede ser colocado fuera de la caja de lnea al principio o al final de
una lnea completa de texto.
sintaxis CSS: hanging-punctuation: none|first|last|allow-end|force-end|initial|
inherit;
Ejemplo: Coloque una marca de puntuacion (si lo hay) fuera del borde de inicio
de la primera lnea en el elemento <p>:
p{
hanging-punctuation:first;
}
5 Text Properties
Definicin:
5.2hyphens
Sets how to split words to improve the layout of paragraphs
5.3 CSSletter-spacingPropiedad
Definicin y Uso
Los aumentos de propiedad de espaciado entre letras o disminuye el espacio
entre caracteres en un texto.
sintaxis CSS
letter-spacing: normal|length|initial|inherit;
Ejemplo
Ajuste el espacio entre las letras de <h1> y <h2> elementos:
h1{
letter-spacing:2px;
}
h2{
letter-spacing:-3px;
}
5.4line-break
Definicin y Uso
Specifies how/if to break lines
5.5CSSline-heightPropiedad
Definicin y Uso
La propiedad line-height especifica la altura de la lnea.
sintaxis CSS
line-height: normal|number|length|initial|inherit;
Ejemplo
Ajuste la altura de la lnea en porcentaje:
p.small{
line-height:90%;
}
p.big{
line-height:200%;
}
5.6overflow-wrap
Definicin y Uso
Specifies whether or not the browser may break lines within words in order to
prevent overflow (when a string is too long to fit its containing box)
5.7CSSpestaa de tamaode la propiedad

Definicin y Uso
La propiedad pestaa-size especifica la longitud del espacio utilizado para el
carcter de tabulacin.
sintaxis CSS
tab-size:number|length|initial|inherit;
Ejemplo
Ajuste la lengeta de tamao de un elemento <pre>:
pre{-moz-tab-size:16;}/* Code for Firefox */
pre{-o-tab-size:16;}/* Code for Opera 10.6-12.1 */
pre{tab-size:16;}
5.8CSStext-alignPropiedad
Definicin y Uso
La propiedad text-align especifica la alineacin horizontal del texto en un
elemento.
sintaxis CSS
text-align: left|right|center|justify|initial|inherit;
Ejemplo
Establecer la alineacin de texto para <h1>, <h2>, <h3> y elementos:
h1{
text-align:center;
}
h2{
text-align:left;
}
h3{
text-align:right;
}
5.9CSStext-align-ltimapropiedad
Definicin y Uso
La propiedad text-align-ltima especifica cmo alinear la ltima lnea de un texto.
sintaxis CSS
text-align-last: auto|left|right|center|justify|start|end|initial|inherit;
Ejemplo
Alinear la ltima lnea de un elemento <p> a la derecha:
p{
text-align:justify;
-moz-text-align-last:right;/* Code for Firefox */
text-align-last:right;
}
5.10text-combine-upright
Definicin y Uso
Specifies the combination of multiple characters into the space of a single
character
5.11CSStext-indentPropiedad
Definicin y Uso
La propiedad text-guin especifica la sangra de la primera lnea en un bloque de
texto.
sintaxis CSS
text-indent:length|initial|inherit;
Ejemplo
Sangrar la primera lnea de todos los elementos <p> con 50 pxeles:
p{
text-indent:50px;
}
5.12CSS3texto justificarla propiedad

Definicin y Uso
La propiedad text-justificar especifica el mtodo de justificacin para utilizar
cuando text-align est ajustado a "justificar".
Esta propiedad especifica la forma en texto justificado deben estar alineados y
espaciados.
sintaxis CSS
text-justify: auto|inter-word|inter-ideograph|inter-cluster|distribute|kashida|trim|
initial|inherit;
Ejemplo
Justificacin Los cambios en el espacio entre palabras:
div{
text-align:justify;
text-justify:inter-word;
}
5.13CSStext-transformPropiedad
Definicin y Uso
La propiedad text-transform controla la capitalizacin de texto.
sintaxis CSS
text-transform: none|capitalize|uppercase|lowercase|initial|inherit;
Ejemplo
Transformar texto en diferentes elementos <P>:
p.uppercase{
text-transform:uppercase;
}
p.lowercase{
text-transform:lowercase;
}
p.capitalize{
text-transform:capitalize;
}
5.14CSSde espacio en blancode la propiedad

Definicin y Uso
La propiedad de espacio en blanco especifica cmo se gestiona un espacio en
blanco dentro de un elemento.
sintaxis CSS
white-space: normal|nowrap|pre|pre-line|pre-wrap|initial|inherit;
Ejemplo
Especificar que el texto en <p> elementos nunca terminar:
p{
white-space:nowrap;
}
5.15palabra a la rupturade la propiedad
Definicin y Uso
La palabra propiedad-break especifica las reglas de rotura de lnea para los
alfabetos no CJC.
sintaxis CSS
word-break: normal|break-all|keep-all|initial|inherit;
Ejemplo
Dividir las palabras entre dos letras:
p.test{
word-break:break-all;
}
5.16palabra de espaciadoPropiedad
Definicin y Uso
Los aumentos de propiedad word-spacing o disminuye el espacio en blanco entre
las palabras.
sintaxis CSS
word-spacing: normal|length|initial|inherit;
Ejemplo
Especifica que el espacio entre las palabras de <p> elementos debe ser de 30
pxeles:
p{
word-spacing:30px;
}
5.17 word-wrapPropiedad
Definicin y Uso
La propiedad word-wrap permite que las palabras largas para poder ser roto y se
envuelve en la lnea siguiente.
sintaxis CSS
word-wrap: normal|break-word|initial|inherit;
Ejemplo
Permitir que las palabras largas sean capaces de romper y envolver en la lnea
siguiente:
p.test{
word-wrap:break-word;
}
6.1 text-decorationPropiedad
Definicin y Uso
La propiedad text-decoration especifica la decoracin aadida al texto.
sintaxis CSS
text-decoration: none|underline|overline|line-through|initial|inherit;
Ejemplo
Ajuste la decoracin del texto de <h1>, <h2>, <h3> y elementos:
h1{
text-decoration:overline;
}
h2{
text-decoration:line-through;
}
h3{
text-decoration:underline;
}
6.2 text-decoration-color dela Propiedad

Definicin y Uso
La propiedad text-decoration-color especifica el color del texto-decoracin
(subraya, overlines, linethroughs).
sintaxis CSS
text-decoration-color:color|initial|inherit;
Ejemplo
Cambiar el color de la lnea, en un texto subrayado:
p{
-moz-text-decoration-color:red;/* Code for Firefox */
text-decoration-color:red;
}
6.3 decoracin-lnea de textode la propiedad
Definicin y Uso
Entre las opciones de decoracin lnea de texto especifica qu tipo de lnea, en su
caso, la decoracin tendr.
sintaxis CSS
text-decoration-line: none|underline|overline|line-through|initial|inherit;
Ejemplo
Pantalla <p> elementos con una lnea en la parte superior:
p{
-moz-text-decoration-line:overline;/* Code for Firefox */
text-decoration-line:overline;
}
6.4 estilo de decoracin del textode la propiedad
Definicin y Uso
Entre las opciones de estilo de decoracin del texto especifica la forma en la lnea,
en su caso, se mostrar.
sintaxis CSS
text-decoration-style: solid|double|dotted|dashed|wavy|initial|inherit;
Ejemplo
Mostrar una lnea ondulada debajo de un elemento <p>:
p{
-moz-text-decoration-style:wavy;/* Code for Firefox */
}
6.5 sombra de textode la propiedad
Definicin y Uso
La propiedad text-shadow sombra aade al texto.
sintaxis CSS
text-shadow:h-shadow v-shadow blur-radius color|none|initial|inherit;
Ejemplo
Bsica sombra de texto:
h1{
text-shadow:2px 2px #ff0000;
}
6.6 text-underline-position
Definicin y Uso
Specifies the position of the underline which is set using the text-decoration
property
7.1 @ font-faceRegla
Definicin y Uso
Con la regla @ font-face, diseadores de pginas web no ya no tienen que utilizar
una de las fuentes "seguros para la Web".
En la nueva regla @ font-face primero debe definir un nombre para el tipo de letra
(por ejemplo myFirstFont), a continuacin, seleccione el archivo de fuente.
Sintaxis
@font-face {
font-properties
}
Ejemplo
Especificar una fuente llamada "myFirstFont", y especificar la URL donde se puede
encontrar:
@font-face{
font-family:myFirstFont;
src:url(sansation_light.woff);
}
7.2 @font-feature-values
Definicin y Uso
Allows authors to use a common name in font-variant-alternate for feature
activated differently in OpenType
7.3 CSSde fuentePropiedad

Definicin y Uso
La propiedad abreviada fuente establece todas las propiedades de la fuente en
una declaracin.
Las propiedades que se pueden establecer, son (en orden): "font-style font-variant
font-weight font-size / line-height font-family"
sintaxis CSS
font:font-stylefont-variantfont-weightfont-size/line-height font-family|caption|
icon|menu|message-box|small-caption|status-bar|initial|inherit;
Ejemplo
Especificar todas las propiedades de la fuente en una declaracin:
p.ex1{
font:15px arial, sans-serif;
}
p.ex2{
font:italic bold 12px/30px Georgia, serif;
}
7.4 CSSfont-familyPropiedad
Definicin y Uso
La propiedad font-family especifica la fuente de un elemento.
La propiedad font-family puede contener varios nombres de fuentes como un
sistema de "retorno".Si el navegador no es compatible con la primera fuente, se
intenta con el siguiente tipo de letra.
Hay dos tipos de nombres de familias de fuentes:
familia-nombre- El nombre de una familia de fuentes, como "tiempos",
"mensajero", "Arial", etc.
familia-genrica- El nombre de una familia-genrica, como "serif", "sans-serif",
"cursiva", "fantasa", "espacio sencillo".
sintaxis CSS
font-family:font|initial|inherit;
Ejemplo
Especifique el tipo de letra de un prrafo:
p{
font-family:"Times New Roman", Georgia, Serif;
}
7.5 font-feature-settings
Definicin y Uso
Allows control over advanced typographic features in OpenType fonts
7.6 font-kerning
Definicin y Uso
Controls the usage of the kerning information (how letters are spaced)
7.7 font-language-override
Definicin y Uso
Controls the usage of language-specific glyphs in a typeface
7.8 CSSfont-sizePropiedad
Definicin y Uso
La propiedad font-size establece el tamao de una fuente.
sintaxis CSS
font-size:medium|xx-small|x-small|small|large|x-large|xx-large|smaller|larger|
length|initial|inherit;
Ejemplo
Ajuste el tamao de la fuente para los diferentes elementos HTML:
h1{
font-size:250%;
}
h2{
font-size:200%;
}
p{
font-size:100%;
}
7.9 CSS3font-sizeadjustPropiedad
Definicin: La propiedad font-size-adjust le da un mejor
control del tamao de la fuente cuando la primera
fuente seleccionada no est disponible.
Sintaxis: font-size-adjust:number|none|initial|inherit;
Ejemplo: div{
font-size-adjust:0.58;
}
7.10 CSS3fontstretchPropiedad
Definicion:La propiedad font-stretch le permite hacer
el texto ms ancho o ms estrecho.
Sintaxis: font-stretch: ultra-condensed|extracondensed|condensed|semi-condensed|normal|semiexpanded|expanded|extra-expanded|ultra-expanded|
initial|inherit;
Ejemlpo: div{
font-stretch:expanded;
}
7.10 CSSfont-styleProperty
Definicin: La propiedad font-style especifica el estilo de fuente para un
texto.
Sintaxis: font-style: normal|italic|oblique|initial|inherit;
Ejemplo: p.normal{
font-style:normal;
}
p.italic{
font-style:italic;
}
p.oblique{
font-style:oblique;
}
7.11 font-synthesis
Definicin:
Controles que faltan tipos de letra (negrita o cursiva )
pueden ser sintetizados por el navegador
7.12 CSSfont-variantPropiedad
Definicin:En una fuente small-caps, todas las letras
minsculas se convierten en maysculas.Sin embargo,
las letras maysculas convertida aparecer en un
tamao de letra ms pequeo que las letras
maysculas originales en el texto.
Sintaxis:font-variant: normal|small-caps|initial|inherit;
Ejemplo: p.small{
font-variant:small-caps;
}
7.13 font-variant-alternates
Definicin:
Controla el uso de pictogramas alternativos asociados a
los nombres alternativos definidos en valores- Fuentes
tipogrficas @
7.14 font-variant-caps
Definicion:
Controla el uso de pictogramas alternativos para las
maysculas
7.15 font-variant-east-asian
Definicin: Controla el uso de pictogramas
alternativos para los scripts de Asia oriental (por
ejemplo japons y chino)
7.16 font-variant-ligatures
Definicin:
Controla las ligaduras y las formas contextuales se
utilizan en el contenido textual de los elementos de los
que se aplica
7.17font-variant-numeric
Definicin:
Controla el uso de pictogramas alternativos para los
nmeros , fracciones y marcadores ordinales
7.18 font-variant-position
Definicin: Controla el uso de pictogramas alternativos
de menor tamao posicionado como superndice o
subndice con respecto a la lnea de base de la fuente
7.19 CSSfont-weightPropiedad
Definicion: La propiedad font-weight establece cmo se deben mostrar
los caracteres gruesas o finas en el texto.
Sintaxis:font-weight: normal|bold|bolder|lighter|number|initial|inherit;
Ejemplo: p.normal{
font-weight:normal;
}
p.thick{
font-weight:bold;
}
p.thicker{
font-weight:900;
}
8.1 CSSdireccindel inmueble

Definicin: La propiedad de direccin especifica la
direccin del texto de direccin / escritura.
Sintaxis: direction: ltr|rtl|initial|inherit;
Ejemplo:
div{
direction:rtl;
}
8.2 text-orientation
definicin: Defines the orientation of the text in a line
8.3 text-combine-upright
Definicin:
Especifica la combinacin de varios caracteres en el
espacio de un solo carcter
8.4 CSSunicode-bidiPropiedad
Definicin: La propiedad unicode-bidi se utiliza junto
con ladireccin delinmueble para establecer o devolver
si el texto debe ser anulado para soportar mltiples
idiomas en el mismo documento.
Sintaxis: unicode-bidi: normal|embed|bidi-override|
intitial|inherit;
Ejemplo:
div{
direction:rtl;
unicode-bidi:bidi-override;
}
8.5 writing-mode
9 Table Properties
9.1 CSSborder-collapsePropiedad
Definicion: establece si los bordes de la tabla se colapsan en

una sola frontera o individual aislada como en HTML estndar.
Sintaxis:
border-collapse:separate|collapse|initial|inherit;
Ejemplo: Establecer el modelo de bordes cerrados para una
tabla:
table{border-collapse:collapse; }
9 Table Properties
9.2 espaciado de bordede la propiedad
Definicin: define la distancia entre los bordes de las

celdas adyacentes (slo para el modelo de "fronteras
separadas").
Sintaxis: border-spacing:length|initial|inherit;
Ejemplo: Ajuste el espaciado de borde de una tabla:
table{ border-collapse:separate;
border-spacing:10px 50px; }
9 Table Properties
9.3 CSScaption-sidePropiedad
Definicin: especifica la colocacin de una leyenda de la

tabla.
Sintaxis: caption-side: top|bottom|initial|inherit;
Ejemplo: Especificar la colocacin de un ttulo de tabla:
caption{caption-side:bottom; }
9 Table Properties
9.4 celdas vacasde la propiedad
Definicin: Establece si se muestra o no las fronteras y

de fondo en las celdas vacas en una tabla (slo para el
modelo "de bordes separados").
Sintaxis: empty-cells: show|hide|initial|inherit;
Ejemplo: Hide borde y el fondo de las celdas vacas en
una tabla:
table{border-collapse:separate;
empty-cells:hide;
}
9 Table Properties
9.5 CSStable-layoutPropiedad
Definicin: establece el algoritmo de diseo de la mesa para

ser utilizado por una mesa.
Sintaxis: table-layout: auto|fixed|initial|inherit;
Ejemplo: Establecer el algoritmo de diseo de tabla:
table{table-layout:fixed;
}
10 Lists and Counters Properties

10.1 contador anPropiedad
Definicin: Los nmeros de la tabla especifican la primera

versin del navegador que es totalmente compatible con la
propiedad.
Sintaxis: counter-increment: none|id|initial|inherit;
10.1 contador anPropiedad

Ejemplo: Una manera de numerar las secciones y subsecciones con "Seccin 1", "1.1", "1.2",
etc .:
body{
counter-reset:section;
}
h1{
counter-reset:subsection;
}
h1:before{
counter-increment:section;
content:"Section " counter(section) ". ";
}
h2:before{
counter-increment:subsection;
content:counter(section) "." counter(subsection) " ";
}

10.2counter-resetPropiedad
Definicin: counter-reset crea o pone a cero uno o ms

contadores. La propiedad counter-reset se utiliza
generalmente junto con la propiedad de la lucha contra
el incremento y la propiedad de contenido.
Sintaxis: counter-reset: none|name number|initial|
inherit;
Ejemplo:
10.2counter-resetPropiedad
Ejemplo: Una manera de numerar las secciones y subsecciones con "Seccin 1", "1.1",
"1.2", etc .:
body{counter-reset:section;
}
h1{counter-reset:subsection;
}
h1:before{counter-increment:section;
content:"Section " counter(section) ". ";
}
h2:before{counter-increment:subsection;
content:counter(section) "." counter(subsection) " ";
}

10.3-style-type listaPropiedad
Definicin: especifica el tipo de marcador de tems de lista en

una lista.
Sintaxis: list-style-type:value;
Ejemplo: Establecer algunos diferentes estilos de lista:
ul.circle{list-style-type:circle;}
ul.square{list-style-type:square;}
ol.upper-roman{list-style-type:upper-roman;}
ol.lower-alpha{list-style-type:lower-alpha;}

10.4 list-style-imagePropiedad
Definicin: reemplaza el marcador de tems de lista con una

imagen.
Sintaxis: list-style-image: none|url|initial|inherit;
Ejemplo: Especificar una imagen como el marcador de tems
de lista en una lista:
ul{
list-style-image:url('sqpurple.gif');
}

10.5 list-style-positionPropiedad
Definicin: especifica si los marcadores lista de artculos

deben aparecer dentro o fuera del flujo de contenido.
Sintaxis: list-style-position: inside|outside|initial|inherit;
Ejemplo: Especifican que los marcadores de los list-item debe
aparecer dentro del flujo de contenido (resultados en una
muesca adicional):
ul{list-style-position:inside;
}

10.6-style-type listaPropiedad
Definicin: especifica el tipo de marcador de tems de lista

en una lista.
Sintaxis: list-style-type:value;
Ejemplo: Establecer algunos diferentes estilos de lista:
ul.circle{list-style-type:circle;}
ul.square{list-style-type:square;}
ol.upper-roman{list-style-type:upper-roman;}
ol.lower-alpha{list-style-type:lower-alpha;}
11 Animation Properties
11.1 CSS3@keyframesRegla
Definicin: especifica el cdigo de animacin.

La animacin se crea cambiando gradualmente de un
conjunto de estilos CSS a otro.
Sintaxis: @keyframesanimationname{keyframesselector{css-styles;}}
11.1 CSS3@keyframesRegla
Ejemplo: Crea un elemento se mueve gradualmente hacia abajo 200
pxeles:
/* Chrome, Safari, Opera */
@-webkit-keyframes mymove{
from{top:0px;}
to{top:200px;}
}
@keyframes mymove{
from{top:0px;}
to{top:200px;}
}
11.2 CSS3animacinPropiedad
Definicin: es una propiedad resumida para ocho de las

propiedades de la animacin:
animacin-nombre
animacin duracin
animacin-tiempo-funcin
animacin de retardo
animacin-iteracin de recuento
animacin direccin
animacin-fill-mode
animacin-play-Estado
11.2 CSS3animacinPropiedad
Sintaxis: animation:name duration timing-function delay
iteration-count direction fill-mode play-state;
Ejemplo: Asociacin de una animacin a un elemento
<div>, usando la propiedad resumida:
div{
-webkit-animation:mymove 5s infinite;/* Chrome, Safari,
Opera */
animation:mymove 5s infinite;
}
11.3 animacin de retardo ala propiedad
Definicin: especifica un retraso para el inicio de una

animacin. El valor de la animacin de retardo se define en
segundos (s) o en milisegundos (ms).
Sintaxis: animation-delay:time|initial|inherit;
Ejemplo: Espere dos segundos, a continuacin, iniciar la
animacin:
div{-webkit-animation-delay:2s;
/* Chrome,
Safari, Opera */
animation-delay:2s;
}
11.4 animacin direccindel inmueble
Definicin: define si una animacin debe jugar en direccin

inversa o en ciclos alternos.
Sintaxis: animation-direction: normal|reverse|alternate|
alternate-reverse|initial|inherit;
Ejemplo: Hacer la animacin una vez, y luego hacer la
animacin al revs:
div{-webkit-animation-direction:alternate;
/* Chrome, Safari, Opera */
animation-direction:alternate;}
11.5 animacin duracinde la propiedad
Definicin: define cuntos segundos o milisegundos una

animacin tarda en completar un ciclo.
Sintaxis: animation-duration:time|initial|inherit;
Ejemplo: Hacer la animacin completa en dos segundos:
div{
-webkit-animation-duration:2s;/* Chrome, Safari, Opera */
animation-duration:2s;
}
11.6 llenado y el modo de animacinde la propiedad
Definicin: especifica un estilo para el elemento cuando la
animacin no se ejecuta (cuando est terminado, o cuando se
tiene un retraso).
Sintaxis:
animation-fill-mode: none|forwards|backwards|both|initial|
inherit;
11.6 llenado y el modo de

animacinde la propiedad
Ejemplo: Animacin de algo que se mueve de un lugar
a otro y tienen que permanecer all:
div{-webkit-animation-fill-mode:forwards;/*
Chrome, Safari, Opera */
animation-fill-mode:forwards;}
11.7 play estado
especifica la animacin esta en funcionamiento o en pausa
de animacin
sintaxis css
ejemplo
11.8 -tiempo-funcin
de animacin
step-
animation-play-state: paused|running|initial|inherit;
div{
-webkit-animation-play-state:paused;/* Chrome, Safari, Opera */
animation-play-state:paused; }
especifica la curva de velocidad de una animacin.

sintaxis css
de la propiedad
start|step-end|steps(int,start|end)|cubic-bezier(n,n,n,n)|initial|inherit;
ejemplo
11.9 animacin-iteracin
contarPropiedad
animation-timing-function: linear|ease|ease-in|ease-out|ease-in-out|
div{
-webkit-animation-timing-function:linear;/* Chrome, Safari, Opera */
animation-timing-function:linear; }
especifica el nmero de veces que una animacin debe ser jugado.

sintaxis css
ejemplo
animation-iteration-count:number|infinite|initial|inherit;
div{ -webkit-animation-iteration-count:3;}
11.10 animacin
especifica un nombre para la animacin @keyframes.
en nombre de la
sintaxis css
propiedad
ejemplo
animation-name:keyframename|none|initial|inherit;
div{
-webkit-animation-name:mymove;/* Chrome, Safari, Opera */
animation-name:mymove;}
12. Trasform
visibilidad define si un elemento debe ser visible sin estar frente a la pantalla.
12.1.backface-
sintaxis css
Visibility
ejemplo
12.2 perspec
tive
div{
-webkit-backface-visibility:hidden;/* Chrome, Safari, Opera */
backface-visibility:hidden; }
define cuntos pxeles se coloca un elemento 3D de la vista.

sintaxis css
ejemplo
backface-visibility: visible|hidden|initial|inherit;
perspective:length|none;
div{
-webkit-perspective:500px;/* Chrome, Safari, Opera */
perspective:500px; }
12.3 perspective
-origen
define el lugar donde un elemento 3D se basa en las direcciones x y el eje y.

sintaxis css
ejemplo
origin:10% 10%;
12.4 transform
La propiedad transform aplica una transformacin 2D o 3D a un elemento.
ejemplo
transform:rotate(7deg);
Origin
transform: none|transform-functions|initial|inherit;
div{-ms-transform:rotate(7deg);-webkittransform:rotate(7deg); }
permite cambiar la posicin de los elementos transformados.

sintaxis css
ejemplo
div{ -webkit-perspective:150px;-webkit-perspectiveperspective:150px; perspective-origin:10% 10%; }
sintaxis css
12.5 transform-
perspective-origin:x-axis y-axis|initial|inherit;
transform-origin:x-axis y-axis z-axis|initial|inherit;

div{-ms-transform:rotate(45deg); transform:rotate(45deg);
transform-origin:20% 40%; }
12.6 transformStyle
especifica cmo los elementos anidados son prestados en el espacio 3D.

sintaxis css
ejemplo
transform-style: flat|preserve-3d|initial|inherit;
div{-webkit-transform:rotateY(60deg); -webkit-transform-
style:preserve-3d;
transform-style:preserve-3d; }
13 Transitions
13.1 transition
La propiedad de transicin es una propiedad resumida para las cuatro
propiedades de transicin
sintaxis css
ejemplo
transition:property duration timing-function delay|initial|inherit;

div{width:100px; -webkit-transition:width 2s; transition:width
2s; }
13.2 transitionespecifica el nombre de la propiedad CSS el efecto de transicin es para (el efecto
de transicin property
comenzar cuando cambia la propiedad CSS especificados).
sintaxis css
ejemplo
transition-property: none|all|property|initial|inherit;
div{-webkit-transition-property:width;transition-property:width; }
13.3 transitiontransicin tarda en

duration
especifica cuntos segundos (s) o milisegundos (ms) un efecto de

completarse.
sintaxis css
ejemplo
transition-duration:time|initial|inherit;
div{-webkit-transition-duration:5s; transition-
duration:5s; }
13.4 transition-
especifica la curva de velocidad del efecto de transicin.
Timing-fuction
ease-in-out|step-
sintaxis css
transition-timing-function: linear|ease|ease-in|ease-out|
start|step-end|steps(int,start|end)|cubic-
bezier(n,n,n,n)|initial|inherit;
ejemplo
timing-function:linear;}
13.5 transitionDelay
div{-webkit-transition-timing-function:linear;transition-
especifica cuando el efecto de transicin se iniciar.

sintaxis css
ejemplo
transition-delay:time|initial|inherit;
div{-webkit-transition-delay:2s;transition-delay:2s;}
14. Basic user interface

14.1 box-sizing
de incluir.
se usa para decirle al navegador que las propiedades de tamao deben

sintaxis css
ejemplo
blue; box-sizing:border-box; }
14.2 content
generado
box-sizing: content-box|border-box|initial|inherit;
.div{ width:300px; height:100px; border:1px solid
Es usada con el: before y: after pseudo-elements, to insert contenido
sintaxis css
quote|no-open- x
content: normal|none|counter|attr|string|open-quote|closequote|no-close-quote|url|initial|inherit;
ejemplo
a:after{ content:" (" attr(href) ")";}
14.3 CSS Cursos Property

DEFINICION:
La propiedad cursor especifica el tipo de cursor que se mostrar cuando se apunta en un
elemento.
Valor por defecto: auto
Heredado: s
SINTAXIS CSS:
cursor:value;
la sintaxis de JavaScript:objetar .style.cursor = "punto de mira"
EJEMPLO:
span.crosshair{
cursor:crosshair;
}
span.help{
cursor:help;
}
span.wait{
cursor:wait;
}
14.4 CSS direction Property

DEFINICION:
La propiedad de direccin especifica la direccin del texto de direccin / escritura.
Consejo: Utilice esta propiedad junto con el unicode-bidi propiedad para establecer o
devolver si el texto debe ser anulado para soportar mltiples idiomas en el mismo
documento.
Valor por defecto: ltr
Heredado:
ss
SINTAXIS CSS:
cursor:value;
la sintaxis de JavaScript:objeto .style.direction = "RTL"
EJEMPLO:
Ajuste la direccin del texto de "derecha-izquierda":
div{
direction:rtl;
}
14.5 CSSvisualizacin dela

propiedad
DEFINICION:
La propiedad de visualizacin especifica el tipo de caja usada para un elemento HTML.
Valor por defecto: en lnea
Heredado: no
SINTAXIS CSS:
display:value;
la sintaxis de JavaScript:objetar .style.display = "none"
EJEMPLO:
Pantalla <p> elementos como elementos en lnea:
p.inline{
display:inline;
}
14.6 CSS-celdas vacasde la

propiedad
DEFINICION:
La propiedad clulas vacas Establece si se muestra o no las fronteras y de fondo en las
celdas vacas en una tabla (slo para el modelo "de bordes separados").
Valor por defecto: espectculo
Heredado: s
SINTAXIS CSS:
empty-cells: show|hide|initial|inherit;
la sintaxis de JavaScript:objeto .style.emptyCells = "esconden"
EJEMPLO:
Hide borde y el fondo de las celdas vacas en una tabla:
table{
border-collapse:separate;
empty-cells:hide;
}
14.7 CSS3filtro dela propiedad

DEFINICION:
La propiedad de filtro define efectos visuales (como la falta de definicin y saturacin) a un
elemento (a menudo <img>).
Valor por defecto: ninguna
Heredado: no
SINTAXIS CSS:
filter: none | blur() | brightness() | contrast() | drop-shadow() | grayscale() | hue-rotate() |
invert() | opacity() | saturate() | sepia() | url();
la sintaxis de JavaScript:objetar .style.WebkitFilter = "en escala de grises (100%)"
EJEMPLO:
Cambiar el color de todas las imgenes en blanco y negro (100% de gris):
img{
-webkit-filter:grayscale(100%);/* Chrome, Safari, Opera */
filter:grayscale(100%);
}
14.8CSSflexinde la propiedad
DEFINICION:
La propiedad flex especifica la longitud del artculo, en relacin con el resto de los
elementos flexibles en el interior del mismo contenedor. La propiedad de la flexin es una
forma abreviada de los flex-crecer, flex-encogimiento, y el flex-bsicos propiedades.
Nota: Si el elemento no es un elemento de flexibilidad, la propiedad de la flexin no tiene
ningn efecto.
Valor por defecto: 0 1 auto
Heredado: no
SINTAXIS CSS:
flex:flex-growflex-shrinkflex-basis|auto|initial|inherit;
la sintaxis de JavaScript:
objetar .style.flex = "1"
EJEMPLO:
Que todos los elementos flexibles tener la misma longitud, regardles de su contenido:
#main div{
-webkit-flex:1;/* Safari 6.1+ */
-ms-flex:1;/* IE 10 */
flex:1;
}
14.9 CSSflex-basede la propiedad

DEFINICION:
La propiedad flex-base especifica la longitud inicial de un elemento flexible.
Nota: Si el elemento no es un elemento de flexibilidad, la propiedad de la flexin-base no
tiene ningn efecto.
Heredado: no
SINTAXIS CSS:
flex-direction: row|row-reverse|column|column-reverse|initial|inherit;
la sintaxis de JavaScript:objetar .style.flexDirection = "columna-inverso"
EJEMPLO:
Ajuste la longitud inicial de la segunda partida de la flexin de 80 pxeles:
div:nth-of-type(2){
-webkit-flex-basis:80px;/* Safari 6.1+ */
flex-basis:80px;
}
14.10 CSSflex-direccindel
DEFINICION:
inmueble
La propiedad flex-direction especifica la direccin de los elementos flexibles.
Nota: Si el elemento no es un elemento de flexibilidad, la propiedad de la flexin-direccin
no tiene ningn efecto.
Valor por defecto: fila
Heredado:
no
SINTAXIS CSS:
flex-direction: row|row-reverse|column|column-reverse|initial|inherit;
la sintaxis de JavaScript:objetar .style.flexDirection = "columna-inverso"
EJEMPLO:
Ajustar el sentido de los artculos flexibles dentro del elemento <div> en el orden inverso:
div{
-webkit-flex-direction:row-reverse;/* Safari 6.1+ */
display:flex;
flex-direction:row-reverse;
}
14.11 CSSflex-flujoPropiedad
DEFINICION:
La propiedad de flujo de la flexin es una propiedad resumida para la direccin de la flexin
y las propiedades flex-wrap.La propiedad flex-direction especifica la direccin de los
elementos flexibles.
La propiedad flex-wrap especifica si los elementos flexibles deben envolver o no.
SINTAXIS:
flex-flow:flex-directionflex-wrap|initial|inherit;
la sintaxis de JavaScript:objetar .style.flexFlow = "nowrap columna
EJEMPLO:
Hacer que los elementos flexibles se muestran en orden inverso, y se envuelven si
necesarry:
div{
-webkit-flex-flow:row-reverse wrap;/* Safari 6.1+ */
display:flex;
flex-flow:row-reverse wrap;
}
14.12 CSSflex-retrctilPropiedad
DEFINICION:
El flex-retrctil propiedad especifica cmo el artculo se reducir en relacin con el resto de
los elementos flexibles en el interior del mismo contenedor
Nota: Si el elemento no es un elemento flexible, el propiedad flex-encogimiento no tiene
efecto.
SINTAXIS:
flex-shrink:number|initial|inherit;
la sintaxis de JavaScript:objeto .style.flexShrink = "5"
EJEMPLO:
Deje que el segundo elemento de flexin encogimiento tres veces ms que el resto:
/* Safari 6.1+ */
div:nth-of-type(2){
-webkit-flex-shrink:3;
}
div:nth-of-type(2){
flex-shrink:3;
}
14.13 CSSflex-wrapPropiedad
DEFINICION:
La propiedad flex-wrap especifica si los elementos flexibles deben envolver o no.
Nota: Si los elementos no son elementos flexibles, la propiedad flex-wrap no tiene ningn
efecto.
Valor por defecto: nowrap
Heredado: no
SINTAXIS:
flex-wrap: nowrap|wrap|wrap-reverse|initial|inherit;
la sintaxis de JavaScript:objetar .style.flexWrap = "nowrap"
EJEMPLO:
Hacer que los elementos flexibles envuelven si necesarry:
div{
-webkit-flex-wrap:wrap;/* Safari 6.1+ */
display:flex;
flex-wrap:wrap;
}
15 CSS3columna de recuentode la
propiedad
DEFINICION:
La propiedad de la columna de recuento especifica el nmero de columnas de un elemento
debe estar dividido en.
Heredado: no
SINTAXIS:
column-count:number|auto|initial|inherit;
la sintaxis de JavaScript:objetar .style.columnCount = 3
EJEMPLO:
Se divide el texto en el elemento <div> en tres columnas:
div{
-webkit-column-count:3;/* Chrome, Safari, Opera */
-moz-column-count:3;/* Firefox */
column-count:3;
}
15.1 CSS3columna de rellenode la

DEFINICION:
propiedad
La propiedad de la columna de relleno especifica cmo llenar columnas y equilibradas o no.
Valor por defecto:
Heredado: no
equilibrar
SINTAXIS:
column-fill: balance|auto|initial|inherit;
la sintaxis de JavaScript:objetar .style.cursor = "punto de mira"
EJEMPLO:
Especificar cmo llenar columnas:
div{
-moz-column-fill:auto;/* Firefox */
column-fill:auto;
}
15.2 CSS3columna
DEFINICION:
brechaPropiedad
La propiedad de la columna de diferencia especifica la distancia entre las columnas.
Nota: Si hay una columna en reglas entre las columnas, aparecer en la mitad de la brecha.
Valor por defecto: normal
Heredado: no
SINTAXIS:
column-gap:length|normal|initial|inherit;
la sintaxis de JavaScript:objetar .style.columnGap = "50px"
EJEMPLO:
Especificar una brecha de 40 pxeles entre las columnas:
div{
-webkit-column-gap:40px;/* Chrome, Safari, Opera */
-moz-column-gap:40px;/* Firefox */
column-gap:40px;
}
15.3 CSS3columna en reglasde la

DEFINICION:
propiedad
La propiedad de la columna en normas es una propiedad abreviada para establecer todas
las propiedades * de columna en reglas.
La propiedad de la columna en reglas establece el ancho, estilo y color de la regla entre
columnas.
SINTAXIS:
column-rule:column-rule-width column-rule-style column-rule-color|initial|inherit;
la sintaxis de JavaScript:objetar .style.columnRule = "principio 3px azul"
EJEMPLO:
Especificar el ancho, estilo y color de la regla entre columnas:
div{
-webkit-column-rule:4px outset #ff00ff;/* Chrome, Safari, Opera */
-moz-column-rule:4px outset #ff00ff;/* Firefox */
column-rule:4px outset #ff00ff;
}
15.4 CSS3columna de recuentode la propiedad

Definicin: La propiedad de la columna de recuento
especifica el nmero de columnas de un elemento debe
estar dividido en.
Sintaxis: column-count:number|auto|initial|inherit;
Ejemplo:
div{
-webkit-column-count:3;/* Chrome, Safari, Opera */
-moz-column-count:3;/* Firefox */
column-count:3;
}
15.5CSS3column-fillProperty
Definicin: La propiedad de la columna de relleno
especifica cmo llenar columnas y equilibradas o no.
Sintaxis: column-fill: balance|auto|initial|inherit;
Ejemplo:
div{
-moz-column-fill:auto;/* Firefox */
column-fill:auto;
}
15.6 CSS3columna
brechaPropiedad
Definicin: La propiedad de la columna de diferencia
especifica la distancia entre las columnas.
Sintaxis: column-gap:length|normal|initial|inherit;
ejemplo:
div{
-webkit-column-gap:40px;/* Chrome, Safari, Opera
*/
-moz-column-gap:40px;/* Firefox */
column-gap:40px;
}
15.7 CSS3columna en reglasde

la propiedad
Definicin: La propiedad de la columna en normas es una propiedad
abreviada para establecer todas las propiedades * de columna en
reglas.
sintaxis: column-rule:column-rule-width column-rule-style columnrule-color|initial|inherit;
Ejemplo:
div{
-webkit-column-rule:4px outset #ff00ff;/* Chrome, Safari, Opera */
-moz-column-rule:4px outset #ff00ff;/* Firefox */
column-rule:4px outset #ff00ff;
}
15.8 CSS3column-rulecolorProperty
Definicin: La propiedad de la columna-regla-color
especifica el color de la regla entre columnas.
Sintaxis: column-rule-color:color|initial|inherit;
ejemplo:
div{
-webkit-column-rule-color:#ff0000;/* Chrome, Safari,
Opera */
-moz-column-rule-color:#ff0000;/* Firefox */
column-rule-color:#ff0000;
}
15.9 CSS3-estilo regla columna

dela Propiedad
Definicin: La propiedad de estilo imperio columna especifica
el estilo de la regla entre columnas.
Sintaxis: column-rule-style: none|hidden|dotted|dashed|solid|
double|groove|ridge|inset|outset|initial|inherit;
Ejemplo:
div{
-webkit-column-rule-style:dotted;/* Chrome, Safari, Opera */
-moz-column-rule-style:dotted;/* Firefox */
column-rule-style:dotted;
}
15.10 CSS3columna en reglas de ancho dePropiedad
Definicin: La propiedad de la columna en reglas de

ancho especifica el ancho de la regla entre columnas.
Sintaxis: column-rule-width: medium|thin|thick|length|
initial|inherit;
Ejemplo:
div{
-webkit-column-rule-width:1px;/* Chrome, Safari,
Opera */
-moz-column-rule-width:1px;/* Firefox */
column-rule-width:1px;
}
15.11 CSS3columnasde la
propiedad
Definicin: La propiedad columnas es una propiedad
abreviada para establecer la columna de ancho y de la
columna de recuento.
Sintaxis: columns: auto|column-width column-count|
initial|inherit;
Ejemplo:
div{
-webkit-columns:100px 3;/* Chrome, Safari, Opera */
-moz-columns:100px 3;/* Firefox */
columns:100px 3;
}
15.2 widows
Definicin:
Establece el nmero mnimo de lneas que deben ser
dejados en la parte superior de una pgina cuando se
produce un salto de pgina dentro de un elemento
16.1 horphans
Definicin:
Establece el nmero mnimo de lneas que deben ser
dejados en la parte inferior de una pgina cuando se
produce un salto de pgina dentro de un elemento
16.2 CSSpage-breakafterPropiedad
Definicin: La pgina-break-after conjuntos de
propiedades si un salto de pgina debe ocurrir despus
de un elemento especificado.
Sintaxis:page-break-after: auto|always|avoid|left|right|
initial|inherit;
Ejemplo:
@media print{
footer{page-break-after:always;}
}
16.3CSSpage-break-antes dela
Propiedad
Definicin:Los conjuntos de propiedades de salto de
pgina antes si un salto de pgina debe ocurrir antes de
un elemento especificado.
Sintaxis: page-break-before: auto|always|avoid|left|
right|initial|inherit;
Ejemplo:
@media print{
h1{page-break-before:always;}
}
16.4 CSSpage-break-en el
interiordel inmueble
Definicin: El page-break-dentro de conjuntos de
propiedades si se permite un salto de pgina dentro de
un elemento especificado.
Sintaxis: page-break-inside: auto|avoid|initial|inherit;
Ejemplo:
@media print{
p{page-break-inside:avoid;}
}
17 Generated Content for Paged Media

17.1 marks
Definicin:
Aade cultivos y / o marcas de cruces al documento
17.2 CSScita ala propiedad

Definicin: La propiedad cotizaciones establece el tipo
de comillas para citas.
Sintaxis: quotes: none|string|initial|inherit;
Ejemplo:
q{
quotes:"" "";
}
18. PROPIEDADES DE EFECTOS DE FILTRO

18.1 filtro dela propiedad
DEFINICION:La propiedad de filtro define efectos visuales (como la falta de definicin y saturacin)
a un elemento (a menudo <img>).
SINTAXIS: filter: none | blur() | brightness() | contrast() | drop-shadow() | grayscale() | hue-rotate()
| invert() | opacity() | saturate() | sepia() | url();
EJEMPLO: Cambiar el color de todas las imgenes en blanco y negro (100% de gris):
img{
-webkit-filter:grayscale(100%);/* Chrome, Safari, Opera */
filter:grayscale(100%);
}
19. Los valores de imagen y contenido Sustituido
19.1 Imgenes - Orientacion

DEFINICION: Especifica una rotacin en el derecho o sentido horario que un agente de usuario se
aplica a una imagen
(Esta propiedad es probable que va a ser obsoleto y su funcionalidad se traslado a HTML).
19.2 Imagen-renderizado
DEFINICION: Da una idea al navegador sobre que aspectos de una imagen son los mas
importantes para preservar
Cuando se escala la imagen
19.3 Imagen-Resolucion
DEFINICION: Especifica la resolucin intrnseca de todas las imgenes de mapa de bits utilizados
en o sobre el elemento
19.4 Objeto de Ajuste

DEFINICION: Especifica como el contenido de un elemento reemplazado deben ser instalados en
el cuadro establecido
Por su altura y anchura utilizado
19.5 Objeto-Posicion
DEFINICION: Especifica la alineacin del elemento reemplazado dentro de su caja
20. Propiedades de enmascaramiento
20.1 Mascara
20.2 Tipos de Mascara
21. Propiedades del habla
21.1 Marcar
DEFINICION: Una propiedad abreviada para establecer las propiedades de marcado antes y
despus de marcado
21.2 Marcar-Despues
DEFINICION: Permite el nombre de marcadores que se adjunta a la secuencia de audio
21.3 Marca antes de
DEFINICION: Permite el nombre de marcadores que se adjunta a la secuencia de audio
21.4 Fonemas
DEFINICION: Especifica una pronunciacin fontica para el texto contenido por el elemento
correspondiente
21.5 Descanso
DEFINICION: Una propiedad abreviada para establecer los reposos antes y despus del descanso
de las propiedades
21.6 De descanso despus de
DEFINICION: Especifica un descanzo o prosdicos limite para ser observado despus de hablar
un elemento del
contenido
21.7 De Descanso antes de

DEFINICION: Especifica un descanso o prosdicos limite para ser observado antes de hablar un
elemento del
contenido
21.8 De voz equilibrio
DEFINICION: Especifica el equilibrio entre canales izquierdo y derecho
21.9 De voz duracin
DEFINICION: Especifica el tiempo que debe tomar para hacer que el contenido del elemento
seleccionado
21 SPEECH PROPERTIES
21.10 VOICE-PITCH
Definicin: Especifica el tono promedio ( una frecuencia ) de la
voz que habla
21.11 voice-pitch-range
Definicin:
Especifica variacin en el tono promedio
21.12 voice-rate
Definicin:
Controla la velocidad de habla
21.13 voice-stress
Definicin: Indica la fuerza de nfasis que se aplicar
21.14 voice-volume
Definicion:
Se refiere a la amplitud de la salida de forma de onda
por los sintetiza el habla
22 Marquee Properties
22.1 marquee-direction
Definicin: Establece la direccin del movimiento de
los contenidos
22.2marquee-play-count
Definicin:
Establece cuntos veces el movimiento de contenido
22 Marquee Properties
22.4 marquee-speed
Definicion:
Establece la velocidad con los rollos de contenido
22.5 marquee-style
Definicion:
Define el estilo del movimiento de los contenidos

1.1-14.2 ArgeoVC

Cargado por

Información del documento

Título original

Derechos de autor

Formatos disponibles

Compartir este documento

Compartir o incrustar documentos

Opciones para compartir

¿Le pareció útil este documento?

¿Este contenido es inapropiado?

Copyright:

Formatos disponibles

1.1-14.2 ArgeoVC

Cargado por

Copyright:

Formatos disponibles

1.

EJEMPLO: Establecer el color de texto de diferentes elementos

1.- COLOR PROPERTIES

2.- BACKGROUND AND BORDER

background: color image position/size repeat origin clip attachment initial|inherit;

Ejemplo: Establecer las propiedades de diferentes antecedentes en una declaracin:

2.- BACKGROUND AND BORDER

2.- BACKGROUND AND BORDER

2.- BACKGROUND AND BORDER PROPERTIES

2.- BACKGROUND AND BORDER PROPERTIES

2.- BACKGROUND AND BORDER PROPERTIES

2.- BACKGROUND AND BORDER PROPERTIES

2.- BACKGROUND AND BORDER PROPERTIES

border: 10px dotted black;

2.- BACKGROUND AND BORDER PROPERTIES

2.- BACKGROUND AND BORDER PROPERTIES

Definicin: La propiedad de fondo tamao especifica el tamao de las imgenes de fondo.

2.- BACKGROUND AND BORDER

2.- BACKGROUND AND BORDER

2.- BACKGROUND AND BORDER

2.- BACKGROUND AND BORDER

2.- BACKGROUND AND BORDER

2.- BACKGROUND AND BORDER PROPERTIES

: La propiedad border-bottom-width establece el ancho del borde inferior de un elemento.

(Nota:declarar siempre la propiedad border-style antes de que la propiedad border-bottom-width.Un elemento

2.- BACKGROUND AND BORDER PROPERTIES

propiedad border-color establece el color de los cuatro bordes

2.- BACKGROUND AND BORDER PROPERTIES

Especificar una imagen como la frontera alrededor de un elemento:

2.- BACKGROUND AND BORDER PROPERTIES

Definicion: La propiedad border-image-inicio especifica la cantidad en que el

2.- BACKGROUND AND BORDER PROPERTIES

Definicion: La propiedad border-image-repeticin especifica si la imagen de

2.- BACKGROUND AND BORDER PROPERTIES

Definicon: La propiedad border-image-rebanada especifica cmo cortar la

2.- BACKGROUND AND BORDER PROPERTIES

2.- BACKGROUND AND BORDER PROPERTIES

2.- BACKGROUND AND BORDER PROPERTIES

2.- BACKGROUND AND BORDER PROPERTIES

2.- BACKGROUND AND BORDER PROPERTIES

2.- BACKGROUND AND BORDER PROPERTIES

2.- BACKGROUND AND BORDER PROPERTIES

2.- BACKGROUND AND BORDER PROPERTIES

2.- BACKGROUND AND BORDER PROPERTIES

2.- BACKGROUND AND BORDER PROPERTIES

2.- BACKGROUND AND BORDER PROPERTIES

2.- BACKGROUND AND BORDER PROPERTIES

2.- BACKGROUND AND BORDER PROPERTIES

Establecer el estilo de los cuatro bordes:

2.- BACKGROUND AND BORDER PROPERTIES

2.- BACKGROUND AND BORDER PROPERTIES

2.- BACKGROUND AND BORDER PROPERTIES

2.- BACKGROUND AND BORDER PROPERTIES

2.- BACKGROUND AND BORDER PROPERTIES

2.- BACKGROUND AND BORDER PROPERTIES

2.- BACKGROUND AND BORDER PROPERTIES

2.- BACKGROUND AND BORDER PROPERTIES

3 . Basic Box Properties

3 . Basic Box Properties

3 . Basic Box Properties

3 . Basic Box Properties

3 . Basic Box Properties

3 . Basic Box Properties