Zusammenfassung der Ressource
Cursores, barras de
desplazamiento y tipografías
- Cursores
Anmerkungen:
- Bibliografia "https://uniwebsidad.com/libros/css/capitulo-13/personalizar-el-cursor"
- cursor: default
- cursor: crosshair
- cursor: hand
- cursor: pointer
- cursor:pointer; cursor: hand
- cursor: move
- cursor: text
- cursor: wait
- cursor: help
- cursor: n-resize
- cursor: ne-resize
- cursor: e-resize
- cursor: se-resize
- cursor: s-resize
- cursor: sw-resize
- cursor: w-resize
- cursor: nw-resize
- cursor: progress
- cursor: not-allowed
- cursor: no-drop
- cursor: vertical-text
- cursor: all-scroll
- cursor: col-resize
- cursor: row-resize
- cursor: url(...)
- Barras de Desplazamiento
- Overflow
Anmerkungen:
- Bibliografia "https://developer.mozilla.org/es/docs/Web/CSS/overflow"
- Visible
- Valor por defecto. El contenido no es recortado, podría ser dibujado fuera de la caja contenedora.
- hidden
- El contenido es recortado y no se muestran barras de posición.
- scroll
- 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.
- auto
- Depende del agente de usuario. Navegadores de escritorio como Firefox proveen barras de desplazamiento si hay
contenido excedente.
- Overflow-x
Anmerkungen:
- Bibliografia "https://developer.mozilla.org/en-US/docs/Web/CSS/overflow-x"
- visible
- 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.
- hidden
- El contenido se recorta si es necesario para encajar horizontalmente en la caja de relleno. No se proporcionan
barras de desplazamiento.
- scroll
- 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
- auto
- 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.
- Overflow-y
Anmerkungen:
- Bibliografia "https://developer.mozilla.org/es/docs/Web/CSS/overflow-y"
- visible
- El contenido no es recortado y puede ser visualizado fuera de los extremos superior e inferior del área de padding.
- auto
- 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.
- scroll
- 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.
- hidden
- 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.
- Tipografias
Anmerkungen:
- Bibliografias "https://www.mclibre.org/consultar/amaya/css/css-fuente.html"
- Font
- propiedad compuesta
- [ [ font-style || font-variant || font-weight ]? font-size [ / line-height ]? font-family ] | caption | icon |
menu | message-box | small-caption | status-bar
- font-family
- tipo de letra (fuente)
- [ nombre-fuente | familia-genérica ] [, nombre-fuente | familia-genérica ]*
- font-size
- tamaño
- tamaño-absoluto | tamaño-relativo | distancia | porcentaje
- font-weight
- grosor del trazo (negrita)
- normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900
- font-style
- inclinación (cursiva)
- normal | italic | oblique
- font-variant
- variantes tipográficas
- normal | small-caps
- font-variant-caps
- versalitas
- normal | small-caps
- font-kerning
- kerning
- auto | normal | none
- font-variant-ligatures
- ligaduras
- normal | none | common-ligatures | no-common-ligatures | discretionary-ligatures |
no-discretionary-ligatures | historical-ligatures | no-historical-ligatures | contextual | no-contextual
- font-variant-numeric
- versalitas
- normal | lining-nums | oldstyle-nums | proportional-nums | tabular-nums | diagonal-fractions |
stacked-fractions | ordinal | slashed-zeros
- font-variant-posititon
- posición
- normal | sub | super
- font-variant-east-asian
- lenguas asiáticas
- normal | jis78 | jis83 | jis90 | jis04 | simplified | traditional | full-width | proportional-width | ruby
- font-feature-settings
- características OpenType
- normal | características OpenType
- font-synthesis
- síntesis
- none | weight | style
- font-size-adjust
- ajuste del tamaño
- número
- font-stretch
- anchura
- ultra-condensed, extra-condensed, condensed, semi-condensed, normal, semi-expanded, expanded,
extra-expanded, ultra-expanded
- Jainner Gabriel Montaño Cruz
- Construye Paginas WEB
- Azucena Guadalupe Gallardo Huratado