Comparar revisiones

Guía de referencia de CSS

Revisión 287829:

Revisión 287829 de DSN_XP el

Revisión 223413:

Revisión 223413 de DSN_XP el

Título:
Guía de referencia de CSS
Guía de referencia de CSS
Enlace amigable (slug):
Guía_de_referencia_de_CSS
Guía_de_referencia_de_CSS
Etiquetas:
css, Todas_las_Categorías, páginas_a_traducir, CSS:Referencias
Contenido:

Revisión 287829
Revisión 223413
t7    <p>t
8      &nbsp;
9    </p>
10    <p>
11      {{ Traducción("inglés", "CSS_Reference", "en") }}
12    </p>
13    <p>
14      {{ ToTopicPage("CSS") }}
15    </p>
16    <div class="note">
17      <p>
18        Éste es un trabajo en progreso. Si quieres ayudar a tradu
>cir alguna de las páginas listadas a continuación, eres más que b 
>ienvenido a ayudar. 
19      </p>
20      <p>
21        Si vas a añadir una página, por favor, copia/pega el cont
>enido desde y modifícalo como sea necesario. 
22      </p>
23      <p>
24        La plantilla básica para páginas de ejemplo se puede enco
>ntrar aquí: <a class="external" href="http://developer.mozilla.or 
>g/samples/cssref/TEMPLATE.html">TEMPLATE.html</a>. Simplemente co 
>pia el contenido de ese archivo, modifícalo según sea necesario y 
> envía por correo electrónico las páginas de ejemplo y cualquier  
>otro archivo relacionado a <a class="link-mailto" href="mailto:de 
>b@mozilla.com">deb@mozilla.com</a> para su actualización. 
25      </p>
26      <p>
27        Si tienes alguna pregunta o sugerencia, por favor escribe
> en esta página: <a href="/Talk:es/Gu%C3%ADa_de_referencia_de_CSS 
>" title="Talk:es/Guía_de_referencia_de_CSS">discusión</a>. 
28      </p>
29      <p>
30        The primary references I'm using at the moment are:
31      </p>
32      <ul>
33        <li>
34          <a class="external" href="http://www.w3.org/TR/CSS21/">
>W3C Cascading Style Sheets, level 2 revision 1</a> (main) 
35        </li>
36        <li>
37          <a class="external" href="http://www.w3.org/TR/CSS1">W3
>C Cascading Style Sheets, level 1</a> (secondary) 
38        </li>
39        <li>
40          <a class="external" href="http://www.w3.org/Style/CSS/c
>urrent-work">W3C Cascading Style Sheets (notes on CSS3)</a> (wher 
>e useful/interesting) 
41        </li>
42      </ul>
43      <p>
44        The current goal is for this document is to provide compr
>ehensive, detailed, and accurate reference information for CSS up 
> to at least Level 2, Revision 1. 
45      </p>
46      <p>
47        <em>Please do not copy or plagarize copyrighted materials
> without written permission from the author. Please write origina 
>l, clear content for this reference. Thanks.</em> 
48      </p>
49      <p>
50        -- <a href="/User:Dria" title="User:Dria">dria</a> 11:39,
> 17 October 2005 (PDT) 
51      </p>
52      <p>
53        Note: please use the <a href="/Template:cssxref" title="T
>emplate:cssxref">Plantilla:cssxref</a> to link to properties from 
> this reference, for example: <span class="nowiki">{{cssxref|colo 
>r}}</span>. Doing so results in more concise wiki markup and cons 
>istent style across the reference. --<a href="/User:Nickolay" tit 
>le="User:Nickolay">Nickolay</a> 16:33, 23 September 2006 (PDT) 
54      </p>
55    </div>
56    <h3 id="Propiedades" name="Propiedades">
57      Propiedades
58    </h3>
59    <div style="-moz-column-width: 200px;">
60      <ul>
61        <li>{{ Cssxref("azimuth") }}
62        </li>
63        <li>{{ Cssxref("background", "el fondo") }}
64        </li>
65        <li>{{ Cssxref("background-attachment") }}
66        </li>
67        <li>{{ Cssxref("background-color", "color de fondo") }}
68        </li>
69        <li>{{ Cssxref("background-image", "imagen de fondo") }}
70        </li>
71        <li>{{ Cssxref("background-position", "posición del fondo
>") }} 
72        </li>
73        <li>{{ Cssxref("background-repeat", "repetición") }}
74        </li>
75        <li>{{ Cssxref("border", "el borde") }}
76        </li>
77        <li>{{ Cssxref("border-collapse", "fusión o separación de
>l borde") }} 
78        </li>
79        <li>{{ Cssxref("border-color", "color del borde") }}
80        </li>
81        <li>{{ Cssxref("border-spacing", "espaciado del borde") }
>} 
82        </li>
83        <li>{{ Cssxref("border-style", "estilo de borde") }}
84        </li>
85        <li>{{ Cssxref("border-width", "ancho de borde") }}
86        </li>
87        <li>{{ Cssxref("border-bottom", "borde inferior") }}
88        </li>
89        <li>{{ Cssxref("border-bottom-color", "color borde inferi
>or") }} 
90        </li>
91        <li>{{ Cssxref("border-bottom-style", "estilo borde infer
>ior") }} 
92        </li>
93        <li>{{ Cssxref("border-bottom-width", "ancho borde inferi
>or") }} 
94        </li>
95        <li>{{ Cssxref("border-left", "borde izquierdo") }}
96        </li>
97        <li>{{ Cssxref("border-left-color", "color borde izquierd
>o") }} 
98        </li>
99        <li>{{ Cssxref("border-left-style", "estilo borde izquier
>do") }} 
100        </li>
101        <li>{{ Cssxref("border-left-width", "ancho borde izquierd
>o") }} 
102        </li>
103        <li>{{ Cssxref("border-right", "borde derecho") }}
104        </li>
105        <li>{{ Cssxref("border-right-color", "color del borde der
>echo") }} 
106        </li>
107        <li>{{ Cssxref("border-right-style", "estilo borde derech
>o") }} 
108        </li>
109        <li>{{ Cssxref("border-right-width", "ancho borde derecho
>") }} 
110        </li>
111        <li>{{ Cssxref("border-top", "borde superior") }}
112        </li>
113        <li>{{ Cssxref("border-top-color", "color borde superior"
>) }} 
114        </li>
115        <li>{{ Cssxref("border-top-style", "estilo borde superior
>") }} 
116        </li>
117        <li>{{ Cssxref("border-top-width", "ancho borde superior"
>) }} 
118        </li>
119        <li>{{ Cssxref("bottom", "abajo") }}
120        </li>
121        <li>{{ Cssxref("caption-side") }}
122        </li>
123        <li>{{ Cssxref("clear", "limpiar") }}
124        </li>
125        <li>{{ Cssxref("clip") }}
126        </li>
127        <li>{{ Cssxref("color") }}
128        </li>
129        <li>{{ Cssxref("content", "contenido") }}
130        </li>
131        <li>{{ Cssxref("counter-increment", "incremento del conta
>dor") }} 
132        </li>
133        <li>{{ Cssxref("counter-reset", "poner a cero el contador
>") }} 
134        </li>
135        <li>{{ Cssxref("cue") }}
136        </li>
137        <li>{{ Cssxref("cue-after") }}
138        </li>
139        <li>{{ Cssxref("cue-before") }}
140        </li>
141        <li>{{ Cssxref("cursor") }}
142        </li>
143        <li>{{ Cssxref("direction", "dirección") }}
144        </li>
145        <li>{{ Cssxref("display") }}
146        </li>
147        <li>{{ Cssxref("elevation") }}
148        </li>
149        <li>{{ Cssxref("empty-cells", "celdas vacías") }}
150        </li>
151        <li>{{ Cssxref("float", "flotante") }}
152        </li>
153        <li>{{ Cssxref("font", "letra/fuente") }}
154        </li>
155        <li>{{ Cssxref("font-family", "familia de letra") }}
156        </li>
157        <li>{{ Cssxref("font-size", "tamaño de letra") }}
158        </li>
159        <li>{{ Cssxref("font-size-adjust") }}
160        </li>
161        <li>{{ Cssxref("font-stretch") }}
162        </li>
163        <li>{{ Cssxref("font-style", "estilo de letra") }}
164        </li>
165        <li>{{ Cssxref("font-variant") }}
166        </li>
167        <li>{{ Cssxref("font-weight") }}
168        </li>
169        <li>{{ Cssxref("height", "altura") }}
170        </li>
171        <li>{{ Cssxref("ime-mode") }}
172        </li>
173        <li>{{ Cssxref("left", "izquierda") }}
174        </li>
175        <li>{{ Cssxref("letter-spacing", "espaciado entre letra")
> }} 
176        </li>
177        <li>{{ Cssxref("line-height") }}
178        </li>
179        <li>{{ Cssxref("list-style", "estilo de lista") }}
180        </li>
181        <li>{{ Cssxref("list-style-image") }}
182        </li>
183        <li>{{ Cssxref("list-style-position") }}
184        </li>
185        <li>{{ Cssxref("list-style-type") }}
186        </li>
187        <li>{{ Cssxref("margin", "margen") }}
188        </li>
189        <li>{{ Cssxref("margin-bottom", "margen inferior") }}
190        </li>
191        <li>{{ Cssxref("margin-left", "margen izquierdo") }}
192        </li>
193        <li>{{ Cssxref("margin-right", "margen derecho") }}
194        </li>
195        <li>{{ Cssxref("margin-top", "margen superior") }}
196        </li>
197        <li>{{ Cssxref("marker-offset") }}
198        </li>
199        <li>{{ Cssxref("marks") }}
200        </li>
201        <li>{{ Cssxref("max-height", "altura máxima") }}
202        </li>
203        <li>{{ Cssxref("min-height", "altura mínima") }}
204        </li>
205        <li>{{ Cssxref("max-width", "ancho máximo") }}
206        </li>
207        <li>{{ Cssxref("min-width", "ancho mínimo") }}
208        </li>
209        <li>{{ Cssxref("opacity", "opacidad") }}
210        </li>
211        <li>{{ Cssxref("orphans", "huérfanos") }}
212        </li>
213        <li>{{ Cssxref("outline") }}
214        </li>
215        <li>{{ Cssxref("outline-color") }}
216        </li>
217        <li>{{ Cssxref("outline-offset") }}
218        </li>
219        <li>{{ Cssxref("outline-style") }}
220        </li>
221        <li>{{ Cssxref("outline-width") }}
222        </li>
223        <li>{{ Cssxref("overflow") }}
224        </li>
225        <li>{{ Cssxref("padding", "espaciado") }}
226        </li>
227        <li>{{ Cssxref("padding-bottom", "espaciado inferior") }}
228        </li>
229        <li>{{ Cssxref("padding-left", "espaciado izquierda") }}
230        </li>
231        <li>{{ Cssxref("padding-right", "espaciado derecho") }}
232        </li>
233        <li>{{ Cssxref("padding-top", "espaicado superior") }}
234        </li>
235        <li>{{ Cssxref("page", "página") }}
236        </li>
237        <li>{{ Cssxref("page-break-after") }}
238        </li>
239        <li>{{ Cssxref("page-break-before") }}
240        </li>
241        <li>{{ Cssxref("page-break-inside") }}
242        </li>
243        <li>{{ Cssxref("pause", "pausa") }}
244        </li>
245        <li>{{ Cssxref("pause-before", "pausa antes de") }}
246        </li>
247        <li>{{ Cssxref("pause-after", "pausa después de") }}
248        </li>
249        <li>{{ Cssxref("pitch") }}
250        </li>
251        <li>{{ Cssxref("pitch-range") }}
252        </li>
253        <li>{{ Cssxref("play-during") }}
254        </li>
255        <li>{{ Cssxref("position", "posición") }}
256        </li>
257        <li>{{ Cssxref("quotes") }}
258        </li>
259        <li>{{ Cssxref("richness") }}
260        </li>
261        <li>{{ Cssxref("right", "derecha") }}
262        </li>
263        <li>{{ Cssxref("size", "tamaño") }}
264        </li>
265        <li>{{ Cssxref("speak") }}
266        </li>
267        <li>{{ Cssxref("speak-header") }}
268        </li>
269        <li>{{ Cssxref("speak-numeral") }}
270        </li>
271        <li>{{ Cssxref("speak-punctuation") }}
272        </li>
273        <li>{{ Cssxref("speech-rate") }}
274        </li>
275        <li>{{ Cssxref("stress") }}
276        </li>
277        <li>{{ Cssxref("table-layout") }}
278        </li>
279        <li>{{ Cssxref("text-align", "alineación del texto") }}
280        </li>
281        <li>{{ Cssxref("text-decoration", "decoración del texto")
> }} 
282        </li>
283        <li>{{ Cssxref("text-indent") }}
284        </li>
285        <li>{{ Cssxref("text-shadow") }}
286        </li>
287        <li>{{ Cssxref("text-transform") }}
288        </li>
289        <li>{{ Cssxref("top", "arriba") }}
290        </li>
291        <li>{{ Cssxref("unicode-bidi") }}
292        </li>
293        <li>{{ Cssxref("vertical-align", "alineación vertical") }
>} 
294        </li>
295        <li>{{ Cssxref("visibility", "visibilidad") }}
296        </li>
297        <li>{{ Cssxref("voice-family", "tipo de voz") }}
298        </li>
299        <li>{{ Cssxref("volume", "volumen") }}
300        </li>
301        <li>{{ Cssxref("white-space", "espacio en blanco") }}
302        </li>
303        <li>{{ Cssxref("widows") }}
304        </li>
305        <li>{{ Cssxref("width", "ancho") }}
306        </li>
307        <li>{{ Cssxref("word-spacing", "espaciado entre palabras"
>) }} 
308        </li>
309        <li>{{ Cssxref("z-index") }}
310        </li>
311      </ul>
312    </div>
313    <h3 id="Selectores" name="Selectores">
314      Selectores
315    </h3>
316    <div style="margin: 0px 30px; float: left;">
317      <h4 id="Selectores_simples" name="Selectores_simples">
318        Selectores simples
319      </h4>
320      <ul>
321        <li>{{ Cssxref("selector tipo") }}
322        </li>
323        <li>{{ Cssxref("selector de class") }}
324        </li>
325        <li>{{ Cssxref("selectores de ID") }}
326        </li>
327        <li>{{ Cssxref("selectores universales") }}
328        </li>
329        <li>{{ Cssxref("selectores de atributos") }}
330        </li>
331        <li>{{ Cssxref(":not", "Selector No") }}
332        </li>
333      </ul>
334      <h4 id="Combinados" name="Combinados">
335        Combinados
336      </h4>
337      <ul>
338        <li>{{ Cssxref("Selectores de hijos adyacentes") }}
339        </li>
340        <li>{{ Cssxref("Selectores de hijos") }}
341        </li>
342        <li>{{ Cssxref("Selectores de descendientes") }}
343        </li>
344      </ul>
345      <h4 id="CssxrefPseudo-elementos" name="CssxrefPseudo-elemen
>tos"> 
346        {{ Cssxref("Pseudo-elementos") }}
347      </h4>
348      <ul>
349        <li>{{ Cssxref("after", "después de") }}
350        </li>
351        <li>{{ Cssxref("before", "antes de") }}
352        </li>
353        <li>{{ Cssxref("first-letter", "primera letra") }}
354        </li>
355        <li>{{ Cssxref("first-line", "primera línea") }}
356        </li>
357      </ul>
358    </div>
359    <div style="margin: 0px 30px; float: left;">
360      <h4 id="CssxrefPseudo-classes" name="CssxrefPseudo-classes"
>> 
361        {{ Cssxref("Pseudo-classes") }}
362      </h4>
363      <ul>
364        <li>Enlaces
365          <ul>
366            <li>{{ Cssxref("link", "enlace") }}
367            </li>
368            <li>{{ Cssxref("visited", "visitado") }}
369            </li>
370          </ul>
371        </li>
372        <li>Dinámicas
373          <ul>
374            <li>{{ Cssxref("activado") }}
375            </li>
376            <li>{{ Cssxref("focus") }}
377            </li>
378            <li>{{ Cssxref("hover") }}
379            </li>
380          </ul>
381        </li>
382        <li>Paginación
383          <ul>
384            <li>{{ Cssxref("first") }}
385            </li>
386            <li>{{ Cssxref("izquierda") }}
387            </li>
388            <li>{{ Cssxref("derecha") }}
389            </li>
390          </ul>
391        </li>
392        <li>Estructural
393          <ul>
394            <li>{{ Cssxref("vacío") }}
395            </li>
396            <li>{{ Cssxref("primer hijo") }}
397            </li>
398            <li>{{ Cssxref("primer nodo") }}
399            </li>
400            <li>{{ Cssxref("último hijo") }}
401            </li>
402            <li>{{ Cssxref("último nodo") }}
403            </li>
404            <li>{{ Cssxref("root") }}
405            </li>
406          </ul>
407        </li>
408        <li>Interfaz de usuario
409          <ul>
410            <li>{{ Cssxref(":default", "por defecto") }} {{ Fx_mi
>nversion_inline(3) }} 
411            </li>
412          </ul>
413        </li>
414        <li>Idioma
415          <ul>
416            <li>{{ Cssxref("idioma") }}
417            </li>
418          </ul>
419        </li>
420      </ul>
421    </div>
422    <p>
423      &nbsp;
424    </p>
425    <h3 id="Otros" name="Otros">
426      Otros
427    </h3>
428    <div style="margin: 0px 30px; float: left;">
429      <h4 id="Reglas_.40_y_comentarios" name="Reglas_.40_y_coment
>arios"> 
430        Reglas <code>@</code> y comentarios
431      </h4>
432      <ul>
433        <li>{{ Cssxref("@font-face") }}
434        </li>
435        <li>{{ Cssxref("@import") }}
436        </li>
437        <li>{{ Cssxref("@media") }}
438        </li>
439        <li>{{ Cssxref("Comentarios") }}
440        </li>
441      </ul>
442      <h4 id="Valores" name="Valores">
443        Valores
444      </h4>
445      <ul>
446        <li>{{ Cssxref("inherit", "heredado") }}
447        </li>
448        <li>{{ Cssxref("initial", "inicial") }}
449        </li>
450        <li>{{ Cssxref("length", "largo") }}
451        </li>
452        <li>{{ Cssxref("porcentaje") }}
453        </li>
454        <li>{{ Cssxref("uri") }}
455        </li>
456        <li>{{ Cssxref("auto", "automático") }}
457        </li>
458        <li>{{ Cssxref("shape") }}
459        </li>
460        <li>{{ Cssxref("number", "número") }}
461        </li>
462        <li>{{ Cssxref("integer", "entero") }}
463        </li>
464      </ul>
465    </div>
466    <div style="margin: 0px 30px; float: left;">
467      <h4 id="Conceptos" name="Conceptos">
468        Conceptos
469      </h4>
470      <ul>
471        <li>{{ Cssxref("Valor inicial") }}
472        </li>
473        <li>{{ Cssxref("inheritance", "Valor heredado") }}
474        </li>
475        <li>{{ Cssxref("Valor especificado") }}
476        </li>
477        <li>{{ Cssxref("computed value", "Valor calculado") }}
478        </li>
479        <li>{{ Cssxref("Valor utilizado") }}
480        </li>
481        <li>{{ Cssxref("Valor actual") }}
482        </li>
483        <li>{{ Cssxref("Modelo de caja") }}
484        </li>
485      </ul>
486      <p>
487        <br>
488      </p>
489      <h3 id="Extensiones_Mozilla" name="Extensiones_Mozilla">
490        Extensiones Mozilla
491      </h3>
492      <ul>
493        <li>
494          <a href="/es/Referencia_CSS/Extensiones_Mozilla" title=
>"es/Referencia_CSS/Extensiones_Mozilla">Referencia CSS:Extensione 
>s Mozilla</a> 
495        </li>
496      </ul>
497      <p>
498        &nbsp;
499      </p>
500      <div class="noinclude">
501        <p>
502          <span class="comment">Categorías</span>
503        </p>
504        <p>
505          <br>
506          <span class="comment">Interwiki languages</span>
507        </p>
508      </div>
509    </div>
510    <p>
511      {{ languages( { "de": "de/CSS_Referenz", "en": "en/CSS_Refe
>rence", "fr": "fr/R\u00e9f\u00e9rence_CSS", "it": "it/Guida_di_ri 
>ferimento_ai_CSS", "ja": "ja/CSS_Reference", "ko": "ko/CSS_Refere 
>nce", "pl": "pl/Dokumentacja_CSS", "zh-cn": "cn/CSS_\u53c2\u8003" 
> } ) }} 
512    </p>

Volver al historial