Cursores, barras de desplazamiento y tipografías

Annotations:

• Bibliografia "https://uniwebsidad.com/libros/css/capitulo-13/personalizar-el-cursor"

1. cursor: default
2. cursor: crosshair
3. cursor: hand
4. cursor: pointer
5. cursor:pointer; cursor: hand
6. cursor: move
7. cursor: text
8. cursor: wait
9. cursor: help
10. cursor: n-resize
11. cursor: ne-resize
12. cursor: e-resize
13. cursor: se-resize
14. cursor: s-resize
15. cursor: sw-resize
16. cursor: w-resize
17. cursor: nw-resize
18. cursor: progress
19. cursor: not-allowed
20. cursor: no-drop
21. cursor: vertical-text
22. cursor: all-scroll
23. cursor: col-resize
24. cursor: row-resize
25. cursor: url(...)

1. Overflow

   Annotations:

   • Bibliografia "https://developer.mozilla.org/es/docs/Web/CSS/overflow"
   1. Visible
      1. Valor por defecto. El contenido no es recortado, podría ser dibujado fuera de la caja contenedora.
   2. hidden
      1. El contenido es recortado y no se muestran barras de posición.
   3. scroll
      1. El contenido es recortado y el navegador web usa las barras de desplazamiento, se haya recortado contenido o no. Esto previene cualquier problema con las barras de desplazamiento apareciendo o desapareciendo en un entorno dinámico. Puede que las impresoras impriman contenido excedente.
   4. auto
      1. Depende del agente de usuario. Navegadores de escritorio como Firefox proveen barras de desplazamiento si hay contenido excedente.
2. Overflow-x

   Annotations:

   • Bibliografia "https://developer.mozilla.org/en-US/docs/Web/CSS/overflow-x"
   1. visible
      1. El contenido no está recortado y puede ser presentado fuera de los bordes izquierdo y derecho del cuadro de relleno. Si el overflow-Y está en hidden,scroll o auto y esta propiedad es visible, se calculará implícitamente a auto.
   2. hidden
      1. El contenido se recorta si es necesario para encajar horizontalmente en la caja de relleno. No se proporcionan barras de desplazamiento.
   3. scroll
      1. El contenido se recorta si es necesario para encajar horizontalmente en la caja de relleno. Los navegadores muestran las barras de desplazamiento, ya sea que el contenido esté o no. (Esto evita que aparezca las barras de desplazamiento o desapareciendo cuando el contenido cambie). Las impresoras aún pueden imprimir contenido desbordante. auto
   4. auto
      1. Depende del agente de usuario. Si el contenido encaja dentro de la caja de relleno, se ve igual que visible, pero aún establece un nuevo contexto de formato de bloque. Los navegadores de escritorio proporcionan barras de desplazamiento si el contenido se desborda.
3. Overflow-y

   Annotations:

   • Bibliografia "https://developer.mozilla.org/es/docs/Web/CSS/overflow-y"
   1. visible
      1. El contenido no es recortado y puede ser visualizado fuera de los extremos superior e inferior del área de padding.
   2. auto
      1. Depende del cliente. Si el contenido se recorta dentro del área de padding, se vería igual que con la propiedad visible, pero aún determinado por un contexto de formato de bloque. Los navegadores de escritorio proveen barras de desplazamiento si el contenido se desborda.
   3. scroll
      1. El contenido es recortado, si es necesario, para que se ajuste verticalmente dentro del área de padding. Los navegadores muestran las barras de desplazamiento independientemente de si el contenido se recorta o no (esto evita que las barras de desplazamiento aparezcan o desaparezcan cuando el contenido cambia). Las impresoras pueden imprimir el contenido desbordado.
   4. hidden
      1. El contenido es recortado, si es necesario, para que se ajuste verticalmente dentro del área de padding. No se dispone de las barras de desplazamiento.

Annotations:

• Bibliografias "https://www.mclibre.org/consultar/amaya/css/css-fuente.html"

1. Font
   1. propiedad compuesta
      1. [ [ font-style || font-variant || font-weight ]? font-size [ / line-height ]? font-family ] | caption | icon | menu | message-box | small-caption | status-bar
2. font-family
   1. tipo de letra (fuente)
      1. [ nombre-fuente | familia-genérica ] [, nombre-fuente | familia-genérica ]*
3. font-size
   1. tamaño
      1. tamaño-absoluto | tamaño-relativo | distancia | porcentaje
4. font-weight
   1. grosor del trazo (negrita)
      1. normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900
5. font-style
   1. inclinación (cursiva)
      1. normal | italic | oblique
6. font-variant
   1. variantes tipográficas
      1. normal | small-caps
7. font-variant-caps
   1. versalitas
      1. normal | small-caps
8. font-kerning
   1. kerning
      1. auto | normal | none
9. font-variant-ligatures
   1. ligaduras
      1. normal | none | common-ligatures | no-common-ligatures | discretionary-ligatures | no-discretionary-ligatures | historical-ligatures | no-historical-ligatures | contextual | no-contextual
10. font-variant-numeric
    1. versalitas
       1. normal | lining-nums | oldstyle-nums | proportional-nums | tabular-nums | diagonal-fractions | stacked-fractions | ordinal | slashed-zeros
11. font-variant-posititon
    1. posición
       1. normal | sub | super
12. font-variant-east-asian
    1. lenguas asiáticas
       1. normal | jis78 | jis83 | jis90 | jis04 | simplified | traditional | full-width | proportional-width | ruby
13. font-feature-settings
    1. características OpenType
       1. normal | características OpenType
14. font-synthesis
    1. síntesis
       1. none | weight | style
15. font-size-adjust
    1. ajuste del tamaño
       1. número
16. font-stretch
    1. anchura
       1. ultra-condensed, extra-condensed, condensed, semi-condensed, normal, semi-expanded, expanded, extra-expanded, ultra-expanded

1. Construye Paginas WEB
2. Azucena Guadalupe Gallardo Huratado