selectorescss

7
Selector Atributos 1 margin-top Tamaño del margen superior, derecho.inferior eizquierdo 2 margin-right 3 margin-bottom 4 margin-left 5 margin 6 Propiedad 7 padding-top Ancho del relleno superior ,derecho,inferior e izquierdo 8 padding-right 9 padding-bottom 10 padding-left 11 padding longitud por porcentaje:{1,4} tamaños para rellenos individuales 12 Bordes 13 border-top-width [ thin | medium | thick | <longitud> ] 14 border-right-width 15 border-bottom-width 16 border-left-width [ thin | medium | thick | <longitud> ] {1,4} 17 border-top-color [ <color> | transparent ] 18 border-right-color [ <color> | transparent ] 19 border-bottom-color [ <color> | transparent ] 20 border-left-color [ <color> | transparent ] 21 border-color [ <color> | transparent ] {1,4} 22 border-top-style [ none | hidden | dotted | dashed |solid | doubl 23 border-right-style 24 border-style [ none | hidden | dotted | dashed |solid | doubl 25 border-top [ <border-top-width> || <border-top-style> || <b 26 border-right [ <border-top-width> || <border-top-style> || <b 27 border-bottom [ <border-top-width> || <border-top-style> || <b 28 border-left [ <border-top-width> || <border-top-style> || <b 29 border [ <border-top-width> || <border-top-style> || <b 30 modelo del formato visual 31 display [ inline | block | list-item | run-in | inline-b 32 position [ static | relative | absolute |fixed ] 33 top [ <longitud> | <porcentaje> | auto] 34 right [ <longitud> | <porcentaje> | auto] 35 bottom [ <longitud> | <porcentaje> | auto] 36 left [ <longitud> | <porcentaje> | auto] 37 float [ left | right | none ] 38 clear [ none | left | right | both ] 39 z-index [ auto | <entero_con_signo> ] 40 direction [ ltr | rtl ] 41 unicode-bidi [ normal | embed | bidi-override ] 42 Efectos Visuales 43 overflow [ visible | hidden | scroll | auto] 44 clip [ rect (<longitud>, <longitud>, <longitud>, <lon 45 visibility [ visible | hidden | collapse ] 46 Medios Paginados 47 page-break-before [ auto | always | avoid | left | 48 page-break-after [ auto | always | avoid | left |right ] 49 page-break-inside [ avoid | auto ]

Upload: eiysc

Post on 18-Feb-2017

73 views

Category:

Engineering


0 download

TRANSCRIPT

Page 1: Selectorescss

Nº Selector Atributos

1 margin-top Tamaño del margen superior, derecho.inferior eizquierdo

2 margin-right

3 margin-bottom

4 margin-left

5 margin

6 Propiedad

7 padding-top Ancho del relleno superior ,derecho,inferior e izquierdo

8 padding-right

9 padding-bottom

10 padding-left

11 padding longitud por porcentaje:{1,4} tamaños para rellenos individuales

12 Bordes

13 border-top-width [ thin | medium | thick | <longitud> ]

14 border-right-width

15 border-bottom-width

16 border-left-width [ thin | medium | thick | <longitud> ] {1,4}

17 border-top-color [ <color> | transparent ]

18 border-right-color [ <color> | transparent ]

19 border-bottom-color [ <color> | transparent ]

20 border-left-color [ <color> | transparent ]

21 border-color [ <color> | transparent ] {1,4}

22 border-top-style [ none | hidden | dotted | dashed |solid | double | groove | ridge |inset | outset ]

23 border-right-style

24 border-style [ none | hidden | dotted | dashed |solid | double | groove | ridge |inset | outset ] {1,4}

25 border-top [ <border-top-width> || <border-top-style> || <border-top-color> ]

26 border-right [ <border-top-width> || <border-top-style> || <border-top-color> ]

27 border-bottom [ <border-top-width> || <border-top-style> || <border-top-color> ]

28 border-left [ <border-top-width> || <border-top-style> || <border-top-color> ]

29 border [ <border-top-width> || <border-top-style> || <border-top-color> ]

30 modelo del formato visual

31 display [ inline | block | list-item | run-in | inline-block | table | inline-table | table-row-group | table-header-group | table-footer-group |table-row | table-column-group |table-column | table-cell | table-caption | none ]

32 position [ static | relative | absolute |fixed ]

33 top [ <longitud> | <porcentaje> | auto]

34 right [ <longitud> | <porcentaje> | auto]

35 bottom [ <longitud> | <porcentaje> | auto]

36 left [ <longitud> | <porcentaje> | auto]

37 float [ left | right | none ]

38 clear [ none | left | right | both ]

39 z-index [ auto | <entero_con_signo> ]

40 direction [ ltr | rtl ]

41 unicode-bidi [ normal | embed | bidi-override ]

42 Efectos Visuales

43 overflow [ visible | hidden | scroll | auto]

44 clip [ rect (<longitud>, <longitud>, <longitud>, <longitud>) | auto ]

45 visibility [ visible | hidden | collapse ]

46 Medios Paginados

47 page-break-before [ auto | always | avoid | left |

48 page-break-after [ auto | always | avoid | left |right ]

49 page-break-inside [ avoid | auto ]

Page 2: Selectorescss

50 orphans <entero>

51 widows <entero>

52 Texto

53 text-indent [ <longitud> | <porcentaje> ]

54 text-align [ left | right | center | justify ]

55 text-decoration [ none | [ underline || overline ||line-through || blink ] ]

56 letter-spacing [ normal | <longitud> ]

57 word-spacing [ normal | <longitud> ]

58 text-transform [ capitalize | uppercase |lowercase | none ]

59 white-space [ normal | pre | nowrap | pre-wrap| pre-line ]

Page 3: Selectorescss

[ none | hidden | dotted | dashed |solid | double | groove | ridge |inset | outset ]

[ none | hidden | dotted | dashed |solid | double | groove | ridge |inset | outset ] {1,4}

[ <border-top-width> || <border-top-style> || <border-top-color> ]

[ <border-top-width> || <border-top-style> || <border-top-color> ]

[ <border-top-width> || <border-top-style> || <border-top-color> ]

[ <border-top-width> || <border-top-style> || <border-top-color> ]

[ <border-top-width> || <border-top-style> || <border-top-color> ]

[ inline | block | list-item | run-in | inline-block | table | inline-table | table-row-group | table-header-group | table-footer-group |table-row | table-column-group |table-column | table-cell | table-caption | none ]

[ rect (<longitud>, <longitud>, <longitud>, <longitud>) | auto ]

Page 4: Selectorescss

[ none | [ underline || overline ||line-through || blink ] ]

Z

Page 5: Selectorescss

[ inline | block | list-item | run-in | inline-block | table | inline-table | table-row-group | table-header-group | table-footer-group |table-row | table-column-group |table-column | table-cell | table-caption | none ]

Page 6: Selectorescss
Page 7: Selectorescss

[ inline | block | list-item | run-in | inline-block | table | inline-table | table-row-group | table-header-group | table-footer-group |table-row | table-column-group |table-column | table-cell | table-caption | none ]