-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
189 lines (177 loc) · 32.4 KB
/
Copy pathindex.html
File metadata and controls
189 lines (177 loc) · 32.4 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Referencia CSS</title>
<style>
body {
margin: 0;
padding: 20px;
font-family: Arial, sans-serif;
color: #666;
}
.container {
max-width: 960px;
margin: 0 auto 20px auto;
}
h1 {
padding: 30px 0;
font-size: 48px;
color: #333;
}
h2 {
padding: 30px 0;
font-size: 36px;
color: #333;
}
table {
border-collapse: collapse;
width: 100%;
margin: 0 0 20px 0;
}
th {
border-top: 1px solid #CCC;
border-bottom: 1px solid #CCC;
vertical-align: top;
text-align: left;
padding: 5px;
color: #333;
}
thead th {
border-top: 2px solid #CCC;
border-bottom: 2px solid #CCC;
}
td {
border-top: 1px solid #CCC;
border-bottom: 1px solid #CCC;
vertical-align: top;
padding: 5px;
}
a {
color: #0085B2;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
.txtr {
text-align: right;
}
</style>
</head>
<body>
<div class="container">
<h1 id="up">Tabla de Referencia CSS 2</h1>
<table border="0" cellpadding="2" cellspacing="0">
<tbody>
<tr>
<td style="text-align:left;" width="118">
<ul>
<li><a href="#background">Fondos</a></li>
<li><a href="#border">Bordes</a></li>
<li><a href="#classification">Clasificación</a></li>
<li><a href="#dimension">Dimensión</a></li>
<li><a href="#font">Fuentes</a></li>
</ul>
</td>
<td style="text-align:left;" width="169">
<ul>
<li><a href="#generatedcontent">Contenido Generado</a></li>
<li><a href="#list">Listas and Viñetas </a></li>
<li><a href="#margin">Margen</a></li>
<li><a href="#outlines">Outlines</a></li>
<li><a href="#padding">Padding (relleno) </a></li>
</ul>
</td>
<td style="text-align:left;" width="209">
<ul>
<li><a href="#positioning">Posicionamiento</a></li>
<li><a href="#table">Tablas</a></li>
<li><a href="#text">Texto</a></li>
<li><a href="#pseudoclasses">Pseudo-clases</a></li>
<li><a href="#pseudoel">Pseudo-elementos</a></li>
</ul>
</td>
</tr>
</tbody>
</table>
<p><b>Soporte de Navegadores:</b> <strong>IE</strong>: Internet Explorer, <strong>F</strong>: Firefox, <strong>N</strong>: Netscape.</p>
<p><b>W3C:</b> El número en la columna "W3C" indica la recomendacion de W3C para los CSS estan definidas las propiedades. (CSS1 o CSS2).</p>
<h2 id="background">Fondos</h2>
<table class="ex" border="0" cellpadding="2" cellspacing="0" width="100%">
<thead>
<tr>
<th width="25%">Propiedad</th>
<th width="30%">Descripción</th>
<th width="25%">Valores</th>
<th width="5%">IE</th>
<th width="4%">F</th>
<th width="4%">N</th>
<th width="7%">W3C</th>
</tr>
</thead>
<tbody>
<tr>
<th><a href="http://www.w3schools.com/css/pr_background.asp">background</a></th>
<td>Fondo. Se usa de esta forma para definir todos los estilos del fondo en una sola declaración.</td>
<td><i>background-color<br>background-image<br>background-repeat background-attachment background-position</i></td>
<td>4</td>
<td>1</td>
<td>6</td>
<td>1</td>
</tr>
<tr>
<td><a href="http://www.w3schools.com/css/pr_background-attachment.asp">background-attachment</a></td>
<td>Define si una imagen de fondo es fija, o si se mueve con el contenido al hacer scroll.</td>
<td>scroll<br>fixed</td>
<td>4</td>
<td>1</td>
<td>6</td>
<td>1</td>
</tr>
<tr>
<td><a href="http://www.w3schools.com/css/pr_background-color.asp">background-color</a></td>
<td>Define el color de fondo de un elemento.</td>
<td><i>color-rgb<br>color-hex<br>color-name<br></i>transparent</td>
<td>4</td>
<td>1</td>
<td>4</td>
<td>1</td>
</tr>
<tr>
<td><a href="http://www.w3schools.com/css/pr_background-image.asp">background-image</a></td>
<td>Define una imagen como fondo de un elemento.</td>
<td><i>url</i><br>none</td><td>4</td><td>1</td><td>4</td><td>1</td>
</tr>
<tr><td><a href="http://www.w3schools.com/css/pr_background-position.asp">background-position</a></td><td>Define la posición inicial de la imagen de fondo.</td><td>top left<br>top center<br>top right<br>center left<br>center center<br>center right<br>bottom left<br>bottom center<br>bottom right<br><i>x-% y-%</i><br><i>x-pos y-pos</i></td><td>4</td><td>1</td><td>6</td><td>1</td>
</tr>
<tr><td><a href="http://www.w3schools.com/css/pr_background-repeat.asp">background-repeat</a></td><td>Define si se repite y como s ereepite una imagen en el fondo.</td><td>repeat<br>repeat-x<br>repeat-y<br>no-repeat</td><td>4</td><td>1</td><td>4</td><td>1</td>
</tr>
</tbody>
</table>
<p class="txtr"><a href="#up">volver arriba</a></p>
<h2 id="border">Bordes</h2>
<table class="ex" border="0" cellpadding="2" cellspacing="0" width="100%">
<tbody>
<tr><th width="25%">Propiedad</th><th width="30%">Descripción</th><th width="25%">Valores</th><th width="5%">IE</th><th width="4%">F</th><th width="4%">N</th><th width="7%">W3C</th></tr><tr><td><a href="http://www.w3schools.com/css/pr_border.asp">border</a></td><td>Borde. Usado de esta forma para definir todos los atributos en una sola declaración.</td><td><i>border-width<br>border-style<br>border-color</i></td><td>4</td><td>1</td><td>4</td><td>1</td></tr><tr><td><a href="http://www.w3schools.com/css/pr_border-bottom.asp">border-bottom</a></td><td>Define los atributos para el borde inferior.</td><td><i>border-bottom-width<br>border-style<br>border-color</i></td><td>4</td><td>1</td><td>6</td><td>1</td></tr><tr><td><a href="http://www.w3schools.com/css/pr_border-bottom_color.asp">border-bottom-color</a></td><td>Define el color del borde inferior.</td><td><i>border-color</i></td><td>4</td><td>1</td><td>6</td><td>2</td></tr><tr><td><a href="http://www.w3schools.com/css/pr_border-bottom_style.asp">border-bottom-style</a></td><td>Define el estilo del borde inferior.</td><td><i>border-style</i></td><td>4</td><td>1</td><td>6</td><td>2</td></tr><tr><td><a href="http://www.w3schools.com/css/pr_border-bottom_width.asp">border-bottom-width</a></td><td>Define el grosor del borde inferior.</td><td>thin<br>medium<br>thick<br><i>length</i></td><td>4</td><td>1</td><td>4</td><td>1</td></tr><tr><td><a href="http://www.w3schools.com/css/pr_border-color.asp">border-color</a></td><td>Define el color de todos los bordes.</td><td><i>color</i></td><td>4</td><td>1</td><td>6</td><td>1</td></tr><tr><td><a href="http://www.w3schools.com/css/pr_border-left.asp">border-left</a></td><td>Define todos los atributos para el borde izquierdo.</td><td><i>border-left-width<br>border-style<br>border-color</i></td><td>4</td><td>1</td><td>6</td><td>1</td></tr><tr><td><a href="http://www.w3schools.com/css/pr_border-left_color.asp">border-left-color</a></td><td>Define el color del borde izquierdo.</td><td><i>border-color</i></td><td>4</td><td>1</td><td>6</td><td>2</td></tr><tr><td><a href="http://www.w3schools.com/css/pr_border-left_style.asp">border-left-style</a></td><td>Define el estilo del borde izquierdo.</td><td><i>border-style</i></td><td>4</td><td>1</td><td>6</td><td>2</td></tr><tr><td><a href="http://www.w3schools.com/css/pr_border-left_width.asp">border-left-width</a></td><td>Define el grosor del borde izquierdo.</td><td>thin<br>medium<br>thick<br><i>length</i></td><td>4</td><td>1</td><td>4</td><td>1</td></tr><tr><td><a href="http://www.w3schools.com/css/pr_border-right.asp">border-right</a></td><td>Define todos los atributos del borde derecho.</td><td><i>border-right-width<br>border-style<br>border-color</i></td><td>4</td><td>1</td><td>6</td><td>1</td></tr><tr><td><a href="http://www.w3schools.com/css/pr_border-right_color.asp">border-right-color</a></td><td>Define el color del borde derecho. </td><td><i>border-color</i></td><td>4</td><td>1</td><td>6</td><td>2</td></tr><tr><td><a href="http://www.w3schools.com/css/pr_border-right_style.asp">border-right-style</a></td><td>Define el estilo del borde derecho . </td><td><i>border-style</i></td><td>4</td><td>1</td><td>6</td><td>2</td></tr><tr><td><a href="http://www.w3schools.com/css/pr_border-right_width.asp">border-right-width</a></td><td>Define el grosor del borde derecho. </td><td>thin<br>medium<br>thick<br><i>length</i></td><td>4</td><td>1</td><td>4</td><td>1</td></tr><tr><td><a href="http://www.w3schools.com/css/pr_border-style.asp">border-style</a></td><td>Define el estilo para todos los bordes.</td><td>none<br>hidden<br>dotted<br>dashed<br>solid<br>double<br>groove<br>ridge<br>inset<br>outset</td><td>4</td><td>1</td><td>6</td><td>1</td></tr><tr><td><a href="http://www.w3schools.com/css/pr_border-top.asp">border-top</a></td><td>Define todos los atributos del borde superior. </td><td><i>border-top-width<br>border-style<br>border-color</i></td><td>4</td><td>1</td><td>6</td><td>1</td></tr><tr><td><a href="http://www.w3schools.com/css/pr_border-top_color.asp">border-top-color</a></td><td>Define el color del borde superior. </td><td><i>border-color</i></td><td>4</td><td>1</td><td>6</td><td>2</td></tr><tr><td><a href="http://www.w3schools.com/css/pr_border-top_style.asp">border-top-style</a></td><td>Define el estilo del borde superior. </td><td><i>border-style</i></td><td>4</td><td>1</td><td>6</td><td>2</td></tr><tr><td><a href="http://www.w3schools.com/css/pr_border-top_width.asp">border-top-width</a></td><td>Define el grosor del borde superior. </td><td>thin<br>medium<br>thick<br><i>length</i></td><td>4</td><td>1</td><td>4</td><td>1</td></tr><tr><td><a href="http://www.w3schools.com/css/pr_border-width.asp">border-width</a></td><td>Define el grosor de todos los bordes d eun elemento. </td><td>thin<br>medium<br>thick<br><i>length</i></td><td>4</td><td>1</td><td>4</td><td>1</td></tr>
</tbody>
</table>
<p class="txtr"><a href="#up">volver arriba</a></p>
<h2 id="classification">Clasificación</h2>
<table class="ex" border="0" cellpadding="2" cellspacing="0" width="100%">
<tbody>
<tr><th width="25%">Propiedad</th><th width="30%">Descripción</th><th width="25%">Valores</th><th width="5%">IE</th><th width="4%">F</th><th width="4%">N</th><th width="7%">W3C</th></tr><tr><td><a href="http://www.w3schools.com/css/pr_class_clear.asp">clear</a></td><td>Define sobre qué lados de un elemento pueden posicionarse otros elementos flotados.</td><td>left<br>right<br>both<br>none</td><td>4</td><td>1</td><td>4</td><td>1</td></tr><tr><td><a href="http://www.w3schools.com/css/pr_class_cursor.asp">cursor</a></td><td>Especifica el tipo de cursor mostrado para el elemento. </td><td><span class="value-inst-uri noxref"><i>url</i><br></span>auto<br>crosshair<br>default<br>pointer<br>move<br>e-resize<br>ne-resize<br>nw-resize<br>n-resize<br>se-resize<br>sw-resize<br>s-resize<br>w-resize<br>text<br>wait<br>help</td><td>4</td><td>1</td><td>6</td><td>2</td></tr><tr><td><a href="http://www.w3schools.com/css/pr_class_display.asp">display</a></td><td>Define cómo un elemento es mostrado. </td><td>none<br>inline<br>block<br>list-item<br>run-in<br>compact<br>marker<br>table<br>inline-table<br>table-row-group<br>table-header-group<br>table-footer-group<br>table-row<br>table-column-group<br>table-column<br>table-cell<br>table-caption</td><td>4</td><td>1</td><td>4</td><td>1</td></tr><tr><td><a href="http://www.w3schools.com/css/pr_class_float.asp">float</a></td><td>Define donde un elemento es posicionado dentro d eotro. (izquierda o derecha).</td><td>left<br>right<br>none</td><td>4</td><td>1</td><td>4</td><td>1</td></tr><tr><td><a href="http://www.w3schools.com/css/pr_class_position.asp">position</a></td><td>Coloca un elemento en una posición estática, absoluta, relativa o fija.</td><td>static<br>relative<br>absolute<br>fixed</td><td>4</td><td>1</td><td>4</td><td>2</td></tr><tr><td><a href="http://www.w3schools.com/css/pr_class_visibility.asp">visibility</a></td><td>Define si un elemento es visible o invisible </td><td>visible<br>hidden<br>collapse</td><td>4</td><td>1</td><td>6</td><td>2</td></tr>
</tbody>
</table>
<p class="txtr"><a href="#up">volver arriba</a><a></a></p>
<h2 id="dimension">Dimensión</h2>
<table class="ex" border="0" cellpadding="2" cellspacing="0" width="100%">
<tbody><tr><th width="25%">Propiedad</th><th width="30%">Descripción</th><th width="25%">Valores</th><th width="5%">IE</th><th width="4%">F</th><th width="4%">N</th><th width="7%">W3C</th></tr><tr><td><a href="http://www.w3schools.com/css/pr_dim_height.asp">height</a></td><td>Define la altura de un elemento. </td><td>auto<i><br>length<br>%</i></td><td>4</td><td>1</td><td>6</td><td>1</td></tr><tr><td><a href="http://www.w3schools.com/css/pr_dim_line-height.asp">line-height</a></td><td>Define la altura entre lineas </td><td>normal<br><i>number<br>length<br>%</i></td><td>4</td><td>1</td><td>4</td><td>1</td></tr><tr><td><a href="http://www.w3schools.com/css/pr_dim_max-height.asp">max-height</a></td><td>Define la altura máxima permitida para un elemento. </td><td>none<br><i>length<br>%</i></td><td>-</td><td>1</td><td>6</td><td>2</td></tr><tr><td><a href="http://www.w3schools.com/css/pr_dim_max-width.asp">max-width</a></td><td>Define el ancho máximo permitido para un elemento </td><td>none<br><i>length<br>%</i></td><td>-</td><td>1</td><td>6</td><td>2</td></tr><tr><td><a href="http://www.w3schools.com/css/pr_dim_min-height.asp">min-height</a></td><td>Define la altura mínima permitida para un elemento. </td><td><i>length<br>%</i></td><td>-</td><td>1</td><td>6</td><td>2</td></tr><tr><td><a href="http://www.w3schools.com/css/pr_dim_min-width.asp">min-width</a></td><td>Define el ancho mínimo permitido para un elemento.</td><td><i>length<br>%</i></td><td>-</td><td>1</td><td>6</td><td>2</td></tr><tr><td><a href="http://www.w3schools.com/css/pr_dim_width.asp">width</a></td><td>Define el ancho de un elemento. </td><td>auto<br><i>%<br>length</i> </td><td>4</td><td>1</td><td>4</td><td>1</td></tr>
</tbody>
</table>
<p class="txtr"><a href="#up">volver arriba</a></p>
<h2 id="font">Fuentes</h2>
<table class="ex" border="0" cellpadding="2" cellspacing="0" width="100%"><tbody><tr><th width="25%">Propiedad</th><th width="30%">Descripción</th><th width="25%">Valores</th><th width="5%">IE</th><th width="4%">F</th><th width="4%">N</th><th width="7%">W3C</th></tr><tr><td><a href="http://www.w3schools.com/css/pr_font_font.asp">font</a><br> </td><td>Fuente. Se usa para cambiar todos los atributos de la fuente. </td><td><i>font-style<br>font-variant<br>font-weight<br>font-size/line-height<br>font-family<br></i>caption<br>icon<br>menu<br>message-box<br>small-caption<br>status-bar</td><td>4</td><td>1</td><td>4</td><td>1</td></tr><tr><td><a href="http://www.w3schools.com/css/pr_font_font-family.asp">font-family</a><br> </td><td>Una lista prioritaria de nombres de famiias de fuentes o d efamilias genericas de fuentes para un elemento.</td><td><i>family-name<br>generic-family</i></td><td>3</td><td>1</td><td>4</td><td>1</td></tr><tr><td><a href="http://www.w3schools.com/css/pr_font_font-size.asp">font-size</a><br> </td><td>Define el tamaño de la fuente para un elemento. </td><td>xx-small<br>x-small<br>small<br>medium<br>large<br>x-large<br>xx-large<br>smaller<br>larger<i><br>length<br>%</i></td><td>3</td><td>1</td><td>4</td><td>1</td></tr><tr><td><a href="http://www.w3schools.com/css/pr_font_font-size-adjust.asp">font-size-adjust</a> </td><td>Especifica el valor del aspecto de un elemento que preservará la altura de la primera fuente.</td><td>none<br><i>number</i></td><td>-</td><td>-</td><td>-</td><td>2</td></tr><tr><td><a href="http://www.w3schools.com/css/pr_font_font-stretch.asp">font-stretch</a> </td><td>Condensa o expande la fuente.</td><td>normal<br>wider<br>narrower<br>ultra-condensed<br>extra-condensed<br>condensed<br>semi-condensed<br>semi-expanded<br>expanded<br>extra-expanded<br>ultra-expanded</td><td>-</td><td>-</td><td>-</td><td>2</td></tr><tr><td><a href="http://www.w3schools.com/css/pr_font_font-style.asp">font-style</a><br> </td><td>Define el estilo de la fuente </td><td>normal<br>italic<br>oblique</td><td>4</td><td>1</td><td>4</td><td>1</td></tr><tr><td><a href="http://www.w3schools.com/css/pr_font_font-variant.asp">font-variant</a><br> </td><td>Muestra el texto en small-caps o normal.</td><td>normal<br>small-caps</td><td>4</td><td>1</td><td>6</td><td>1</td></tr><tr><td><a href="http://www.w3schools.com/css/pr_font_weight.asp">font-weight</a><br> </td><td>Define el grosor de la fuente. </td><td>normal<br>bold<br>bolder<br>lighter<br>100<br>200<br>300<br>400<br>500<br>600<br>700<br>800<br>900</td><td>4</td><td>1</td><td>4</td><td>1</td></tr></tbody></table><p class="txtr"><a href="#up">volver arriba</a></p><a name="generatedcontent"></a><h2>Contenido Generado </h2><table class="ex" border="0" cellpadding="2" cellspacing="0" width="100%"><tbody><tr><th width="25%">Propiedad</th><th width="30%">Descripción</th><th width="25%">Valores</th><th width="5%">IE</th><th width="4%">F</th><th width="4%">N</th><th width="7%">W3C</th></tr><tr><td><a href="http://www.w3schools.com/css/pr_gen_content.asp">content</a> </td><td>Genera contenido en un documento. Se usa con los pseudo elementos :before y :after .</td><td><i>string</i><br><i>url<br></i>counter(<i>name</i>)<br>counter(<i>name, list-style-type</i>)<br>counters(<i>name, string</i>)<br>counters(<i>name, string, list-style-type</i>)<br>attr(X)<br>open-quote<br>close-quote<br>no-open-quote<br>no-close-quote</td><td> </td><td>1</td><td>6</td><td>2</td></tr><tr><td><a href="http://www.w3schools.com/css/pr_gen_counter-increment.asp">counter-increment</a> </td><td>Define en cuanto aumentará el contador en cada sentencia de un selector.</td><td>none<br><i>identifier number</i></td><td> </td><td> </td><td> </td><td>2</td></tr><tr><td><a href="http://www.w3schools.com/css/pr_gen_counter-reset.asp">counter-reset</a> </td><td>Define el valor del contador para cada sentencia en un selector.</td><td>none<br><i>identifier number</i></td><td> </td><td> </td><td> </td><td>2</td></tr><tr><td><a href="http://www.w3schools.com/css/pr_gen_quotes.asp">quotes</a> </td><td>Define el tipo de marca del contador.</td><td>none<br><i>string string</i></td><td>-</td><td>1</td><td>6</td><td>2</td></tr></tbody></table><a href="#up">volver arriba</a><a name="list"></a><h2>Listas and Viñetas</h2><table class="ex" border="0" cellpadding="2" cellspacing="0" width="100%"><tbody><tr><th width="25%">Propiedad</th><th width="30%">Descripción</th><th width="25%">Valores</th><th width="5%">IE</th><th width="4%">F</th><th width="4%">N</th><th width="7%">W3C</th></tr><tr><td><a href="http://www.w3schools.com/css/pr_list-style.asp">list-style</a></td><td>Define los atributos de una lista.</td><td><i>list-style-type<br>list-style-position<br>list-style-image</i></td><td>4</td><td>1</td><td>6</td><td>1</td></tr><tr><td><a href="http://www.w3schools.com/css/pr_list-style-image.asp">list-style-image</a></td><td>Define una imagen como viñeta para elementos de lista.</td><td>none<br><i>url</i></td><td>4</td><td>1</td><td>6</td><td>1</td></tr><tr><td><a href="http://www.w3schools.com/css/pr_list-style-position.asp">list-style-position</a></td><td>Define la posiciójn para las viñetas en los elementos de lista.</td><td>inside<br>outside</td><td>4</td><td>1</td><td>6</td><td>1</td></tr><tr><td><a href="http://www.w3schools.com/css/pr_list-style-type.asp">list-style-type</a></td><td>Define el tipo de viñeta para los elementos de lista.</td><td>none<br>disc<br>circle<br>square<br>decimal<br>decimal-leading-zero<br>lower-roman<br>upper-roman<br>lower-alpha<br>upper-alpha<br>lower-greek<br>lower-latin<br>upper-latin<br>hebrew<br>armenian<br>georgian<br>cjk-ideographic<br>hiragana<br>katakana<br>hiragana-iroha<br>katakana-iroha </td><td>4</td><td>1</td><td>4</td><td>1</td></tr><tr><td>marker-offset</td><td> </td><td>auto<br><i>length</i></td><td> </td><td>1</td><td>7</td><td>2</td></tr></tbody></table><a href="#up">volver arriba</a><a name="margin"></a><h2>Margen</h2><table class="ex" border="0" cellpadding="2" cellspacing="0" width="100%"><tbody><tr><th width="25%">Propiedad</th><th width="30%">Descripción</th><th width="25%">Valores</th><th width="5%">IE</th><th width="4%">F</th><th width="4%">N</th><th width="7%">W3C</th></tr><tr><td><a href="http://www.w3schools.com/css/pr_margin.asp">margin</a> </td><td>Define los atributos de todos los margenes de un elemento.</td><td><i>margin-top<br>margin-right<br>margin-bottom<br>margin-left</i></td><td>4</td><td>1</td><td>4</td><td>1</td></tr><tr><td><p><a href="http://www.w3schools.com/css/pr_margin-bottom.asp">margin-bottom</a> </p> </td><td>Define el margen inferior de un elemento.</td><td>auto<br><i>length<br>%</i></td><td>4</td><td>1</td><td>4</td><td>1</td></tr><tr><td><p><a href="http://www.w3schools.com/css/pr_margin-left.asp">margin-left</a> </p> </td><td>Define el margen izquierdo de un elemento.</td><td>auto<br><i>length<br>%</i></td><td>3</td><td>1</td><td>4</td><td>1</td></tr><tr><td><p><a href="http://www.w3schools.com/css/pr_margin-right.asp">margin-right</a> </p> </td><td>Define el margen derecho de un elemento.</td><td>auto<br><i>length<br>%</i></td><td>3</td><td>1</td><td>4</td><td>1</td></tr><tr><td><a href="http://www.w3schools.com/css/pr_margin-top.asp">margin-top</a> </td><td>Define el margen superior de un elemento.</td><td>auto<br><i>length<br>%</i></td><td>3</td><td>1</td><td>4</td><td>1</td></tr></tbody></table><a href="#up">volver arriba</a><a name="outlines"></a><h2>Outlines</h2><table class="ex" border="0" cellpadding="2" cellspacing="0" width="100%"><tbody><tr><th width="25%">Propiedad</th><th width="30%">Descripción</th><th width="25%">Valores</th><th width="5%">IE</th><th width="4%">F</th><th width="4%">N</th><th width="7%">W3C</th></tr><tr><td><a href="http://www.w3schools.com/css/pr_outline.asp">outline</a> </td><td>Define todos los atributos de la linea externa de un elemento.</td><td><i>outline-color<br>outline-style<br>outline-width</i></td><td>-</td><td>-</td><td>-</td><td>2</td></tr><tr><td><a href="http://www.w3schools.com/css/pr_outline-color.asp">outline-color</a> </td><td>Define el color de la linea externa de un elemento.</td><td><i>color<br></i>invert</td><td>-</td><td>-</td><td>-</td><td>2</td></tr><tr><td><a href="http://www.w3schools.com/css/pr_outline-style.asp">outline-style</a> </td><td>Define el estilo de la linea eterna de un elemento.</td><td>none<br>dotted<br>dashed<br>solid<br>double<br>groove<br>ridge<br>inset<br>outset</td><td>-</td><td>-</td><td>-</td><td>2</td></tr><tr><td><a href="http://www.w3schools.com/css/pr_outline-width.asp">outline-width</a> </td><td>Define el grosor de la linea externa de un elemento.</td><td>thin<br>medium<br>thick<br><i>length</i></td><td>-</td><td>-</td><td>-</td><td>2</td></tr></tbody></table><a href="#up">volver arriba</a><a name="padding"></a><h2>Padding (relleno) </h2><p><a href="http://www.w3schools.com/css/css_padding.asp">On-line examples</a></p><table class="ex" border="0" cellpadding="2" cellspacing="0" width="100%"><tbody><tr><th width="25%">Property</th><th width="30%">Description</th><th width="25%">Values</th><th width="5%">IE</th><th width="4%">F</th><th width="4%">N</th><th width="7%">W3C</th></tr><tr><td><a href="http://www.w3schools.com/css/pr_padding.asp">padding</a></td><td>Define todos los atributos de relleno para un elemento.</td><td><i>padding-top<br>padding-right<br>padding-bottom<br>padding-left</i></td><td>4</td><td>1</td><td>4</td><td>1</td></tr><tr><td><p><a href="http://www.w3schools.com/css/pr_padding-bottom.asp">padding-bottom</a></p> </td><td>Define el relleno inferior de un elemento.</td><td><i>length<br>%</i></td><td>4</td><td>1</td><td>4</td><td>1</td></tr><tr><td><p><a href="http://www.w3schools.com/css/pr_padding-left.asp">padding-left</a></p> </td><td>Define el relleno izquierdo de un elemento.</td><td><i>length<br>%</i></td><td>4</td><td>1</td><td>4</td><td>1</td></tr><tr><td><p><a href="http://www.w3schools.com/css/pr_padding-right.asp">padding-right</a></p> </td><td>Define el relleno derecho de un elemento.</td><td><i>length<br>%</i></td><td>4</td><td>1</td><td>4</td><td>1</td></tr><tr><td><a href="http://www.w3schools.com/css/pr_padding-top.asp">padding-top</a></td><td>Define el relleno superior de un elemento.</td><td><i>length<br>%</i></td><td>4</td><td>1</td><td>4</td><td>1</td></tr></tbody></table><a href="#up">volver arriba</a><a name="positioning"></a><h2>Poscionamiento</h2><table class="ex" border="0" cellpadding="2" cellspacing="0" width="100%"><tbody><tr><th width="25%">Propiedad</th><th width="30%">Descripción</th><th width="25%">Valores</th><th width="5%">IE</th><th width="4%">F</th><th width="4%">N</th><th width="7%">W3C</th></tr><tr><td><a href="http://www.w3schools.com/css/pr_pos_bottom.asp">bottom</a></td><td>Define la distancia entre el borde inferior de un elemento en relación al elemento padre. </td><td>auto<br><i>%<br>length</i></td><td>5</td><td>1</td><td>6</td><td>2</td></tr><tr><td><a href="http://www.w3schools.com/css/pr_pos_clip.asp">clip</a></td><td>Define la forma de un elemento. El elemento es cortado segun esta forma, y mostrado.</td><td><i>shape<br></i>auto</td><td>4</td><td>1</td><td>6</td><td>2</td></tr><tr><td><a href="http://www.w3schools.com/css/pr_pos_left.asp">left</a></td><td>Define la distancia entre el borde izquierdo de un elemento y el elemento padre.</td><td>auto<br><i>%<br>length</i></td><td>4</td><td>1</td><td>4</td><td>2</td></tr><tr><td><a href="http://www.w3schools.com/css/pr_pos_overflow.asp">overflow</a><br> </td><td>Define el comportamiento del contenido de un elemento, si este se desborda de su área.</td><td>visible<br>hidden<br>scroll<br>auto</td><td>4</td><td>1</td><td>6</td><td>2</td></tr><tr><td><a href="http://www.w3schools.com/css/pr_class_position.asp">position</a></td><td>Posiciona un elemento de forma estática, relativa, absoluta o fija.</td><td>static<br>relative<br>absolute<br>fixed</td><td>4</td><td>1</td><td>4</td><td>2</td></tr><tr><td><a href="http://www.w3schools.com/css/pr_pos_right.asp">right</a></td><td>Define la distancia entre el borde derecho de un elemento y el elemento padre.</td><td>auto<br><i>%<br>length</i></td><td>5</td><td>1</td><td>6</td><td>2</td></tr><tr><td><a href="http://www.w3schools.com/css/pr_pos_top.asp">top</a></td><td>Define la distancia entre el borde superior de un elemento y el eleento padre.</td><td>auto<br><i>%<br>length</i></td><td>4</td><td>1</td><td>4</td><td>2</td></tr><tr><td><a href="http://www.w3schools.com/css/pr_pos_vertical-align.asp">vertical-align</a></td><td>Define la alineaión vertical de un elemento.</td><td>baseline<br>sub<br>super<br>top<br>text-top<br>middle<br>bottom<br>text-bottom<br><i>length</i><br><i>%</i></td><td>4</td><td>1</td><td>4</td><td>1</td></tr><tr><td><a href="http://www.w3schools.com/css/pr_pos_z-index.asp">z-index</a></td><td>Define el orden de apilamiento de un elemento.</td><td>auto<br><i>number</i></td><td>4</td><td>1</td><td>6</td><td>2</td></tr></tbody></table><a href="#up">volver arriba</a><a name="table"></a><h2>Tabla</h2><table class="ex" border="0" cellpadding="2" cellspacing="0" width="100%"><tbody><tr><th width="25%">Property</th><th width="30%">Description</th><th width="25%">Values</th><th width="5%">IE</th><th width="4%">F</th><th width="4%">N</th><th width="7%">W3C</th></tr><tr><td><a href="http://www.w3schools.com/css/pr_tab_border-collapse.asp">border-collapse</a></td><td>Define el modelo de borde de una tabla.</td><td>collapse<br>separate</td><td>5</td><td>1</td><td>7</td><td>2</td></tr><tr><td>border-spacing</td><td>Define la distancia entre el borde de celdas adyacentes. (solo para modelos "separated borders").</td><td><i>length length</i></td><td>-</td><td>1</td><td>6</td><td>2</td></tr><tr><td>caption-side </td><td>Define la posición del elemento "caption" en relación a la tabla.</td><td>top<br>bottom<br>left<br>right</td><td>-</td><td> 1</td><td>6</td><td> 2</td></tr><tr><td>empty-cells </td><td>Define si las celdas sin ontenido visible tendrán bordes o no. (solo para el modelo "separated borders").</td><td>show<br>hide</td><td>-</td><td> 1</td><td>6</td><td> 2</td></tr><tr><td>table-layout </td><td>Define el algoritmo uado para formatear la tabla.</td><td>auto<br>fixed</td><td>5</td><td> 1</td><td>6</td><td> 2</td></tr></tbody></table><a href="#up">volver arriba</a><a name="text"></a><h2>Texto</h2><table class="ex" border="0" cellpadding="2" cellspacing="0" width="100%"><tbody><tr><th width="25%">Property</th><th width="30%">Description</th><th width="25%">Values</th><th width="5%">IE</th><th width="4%">F</th><th width="4%">N</th><th width="7%">W3C</th></tr><tr><td><a href="http://www.w3schools.com/css/pr_text_color.asp">color</a></td><td>Define el color del texto. </td><td><i>color</i></td><td>3</td><td>1</td><td>4</td><td>1</td></tr><tr><td><a href="http://www.w3schools.com/css/pr_text_direction.asp">direction</a></td><td>Define la direción del texto.</td><td>ltr<br>rtl</td><td>6</td><td>1</td><td>6</td><td>2</td></tr><tr><td><a href="http://www.w3schools.com/css/pr_text_letter-spacing.asp">letter-spacing</a></td><td>Incrementa o Disminuye el espacio entre caracteres.</td><td>normal<br><i>length</i></td><td>4</td><td>1</td><td>6</td><td>1</td></tr><tr><td><a href="http://www.w3schools.com/css/pr_text_text-align.asp">text-align</a></td><td>Define la alineación del texto en un elemento.</td><td>left<br>right<br>center<br>justify</td><td>4</td><td>1</td><td>4</td><td>1</td></tr><tr><td><a href="http://www.w3schools.com/css/pr_text_text-decoration.asp">text-decoration</a></td><td>Añade decoración al texto.</td><td>none<br>underline<br>overline<br>line-through<br>blink</td><td>4</td><td>1</td><td>4</td><td>1</td></tr><tr><td><a href="http://www.w3schools.com/css/pr_text_text-indent.asp">text-indent</a></td><td>Define la tabulación de la primera inea de texto en un elemento.</td><td><i>length<br>%</i></td><td>4</td><td>1</td><td>4</td><td>1</td></tr><tr><td><a href="http://www.w3schools.com/css/pr_text_text-transform.asp">text-transform</a></td><td>Controla los caracteres en un elemento.</td><td>none<br>capitalize<br>uppercase<br>lowercase</td><td>4</td><td>1</td><td>4</td><td>1</td></tr><tr><td>unicode-bidi</td><td> </td><td>normal<br>embed<br>bidi-override</td><td>5</td><td> </td><td> </td><td>2</td></tr><tr><td><a href="http://www.w3schools.com/css/pr_text_white-space.asp">white-space</a></td><td>Define cuanto espacio en blanco es manejado dentro de un elemento.</td><td>normal<br>pre<br>nowrap</td><td>5</td><td>1</td><td>4</td><td>1</td></tr><tr><td><a href="http://www.w3schools.com/css/pr_text_word-spacing.asp">word-spacing</a></td><td>Incrementa o disminuye el espaciado entre palabras en un elemento.</td><td>normal<br><i>length</i></td><td>6</td><td>1</td><td>6</td><td>1</td></tr></tbody></table><a href="#up">volver arriba</a><a name="pseudoclasses"></a><h2>Pseudo-clases</h2><table class="ex" border="0" cellpadding="2" cellspacing="0" width="100%"><tbody><tr><th width="25%">Pseudo-clase</th><th width="55%">Proposito</th><th width="5%">IE</th><th width="4%">F</th><th width="4%">N</th><th width="7%">W3C</th></tr><tr><td>:active</td><td>Añade atributos especificos al vínculo seleccionado.</td><td>4</td><td>1</td><td> </td><td>1</td></tr><tr><td>:hover</td><td>Añade atributos al vínculo con el ratón encima.</td><td>4</td><td>1</td><td>7</td><td>1</td></tr><tr><td>:link</td><td>Añade atributos a un vínculo no visitado. </td><td>3</td><td>1</td><td>4</td><td>1</td></tr><tr><td>:visited</td><td>Añade atributos a un vínculo visitado </td><td>3</td><td>1</td><td>4</td><td>1</td></tr><tr><td>:first-child</td><td>Añade atributos específicos a un elemento que es el primer "hijo" de otro elemento.</td><td> </td><td>1</td><td>7</td><td>2</td></tr><tr><td>:lang</td><td>Especifica el lenguaje a ser usado en un elemento.</td><td> </td><td>1</td><td> </td><td>2</td></tr></tbody></table><a href="#up">volver arriba</a><a name="pseudoel"></a><h2>Pseudo-elementos</h2><table class="ex" border="0" cellpadding="2" cellspacing="0" width="100%"><tbody><tr><th width="25%">Pseudo-elemento</th><th width="55%">Proposito</th><th width="5%">IE</th><th width="4%">F</th><th width="4%">N</th><th width="7%">W3C</th></tr><tr><td>:first-letter</td><td>Añade atributos específicos a la primera letra deun texto.</td><td>5</td><td>1</td><td> </td><td>1</td></tr><tr><td>:first-line</td><td>Añade atributos específicos a la primera linea de un texto.</td><td>5</td><td>1</td><td> </td><td>1</td></tr><tr><td>:before</td><td>Inserta contenido antes de un elemento.</td><td> </td><td> </td><td> </td><td>2</td></tr><tr><td>:after</td><td>Inserta contenido despues de un elemento.</td><td> </td><td> </td><td> </td><td>2</td></tr></tbody></table>
</div>
</body>
</html>