Diginota
No hay Resultados
Ver todos Los Resultados
  • Actualidad
    • Noticias
  • Curiosidades y Artículos
  • Cómo hacer
  • Mas..
    • Aplicaciones
    • Varios
    • Tutoriales Varios
    • Trucos de Windows
    • Android
    • iPhone
    • Viajes y Turismo
  • / Google News
  • Actualidad
    • Noticias
  • Curiosidades y Artículos
  • Cómo hacer
  • Mas..
    • Aplicaciones
    • Varios
    • Tutoriales Varios
    • Trucos de Windows
    • Android
    • iPhone
    • Viajes y Turismo
  • / Google News
No hay Resultados
Ver todos Los Resultados
Morning News
No hay Resultados
Ver todos Los Resultados
Home Tutoriales Varios

Lista de propiedades CSS

diginota by diginota
en Tutoriales Varios
TwitterFacebookpin

Te puede Interesar..

Cómo recuperar fotos de la papelera en Mac

Las mejores herramientas de paráfrasis que facilitan la escritura a los escritores

 

Lista de propiedades CSS
 

 

 
Tipo de letra (fuente)
PropiedadDescripciónValores
fontpropiedad compuesta
font-familytipo de letra (fuente)serif | sans-serif | cursive | fantasy | monospace
font-sizetamañoxx-small | x-small | medium | large | x-large | xx-large | larger | smaller | longitud | %
font-size-adjust
font-stretchanchuraultra-condensed | extra-condensed | condensed | semi-condensed | semi-expanded | expanded | extra-expanded | ultra-expanded normal | wider | narrower
font-styleinclinaciónnormal | oblique | italic
font-variantversalitasnormal | small-caps
font-weightgrosor del trazo100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | normal | bold | bolder | lighter
Texto
PropiedadDescripciónValores
colorcolor del texto
directiondirección del texto
letter-spacingespacio entre carácteres
text-alignalineación del textoleft | right | center | justify
text-decorationdecoración del textonone | underline | overline | line-through | blink
text-indentsangría de la primera línealongitud | %
text-shadow
text-transformmayúsculas / minúsculasnone | capitalize | uppercase | lowercase
unicode-bidi
white-spacemanejo de los espacios en blanco
word-spacingespacio entre palabras
Bordes
PropiedadDescripciónValores
bordercuatro bordes simultáneamenteborder-color border-width border-style
border-topborde superior
border-rightborde derecho
border-bottomborde inferior
border-leftborde izquierdo
border-colorcolor de los bordes
border-widthgrosor de los bordesthin | medium | thick | longitud
border-styleestilos de los bordesnone | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset
border-top-colorcolor del borde superior
border-top-widthgrosor del borde superiorthin | medium | thick | longitud
border-top-styleestilo del borde superiornone | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset
border-right-colorcolor del borde derecho
border-right-widthgrosor del borde derechothin | medium | thick | longitud
border-right-styleestilo del borde derechonone | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset
border-bottom-colorcolor del borde inferior
border-bottom-widthgrosor del borde inferiorthin | medium | thick | longitud
border-bottom-styleestilo del borde inferiornone | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset
border-left-colorcolor del borde izquierdo
border-left-widthgrosor del borde izquierdothin | medium | thick | longitud
border-left-styleestilo del borde izquierdonone | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset
Márgenes
PropiedadDescripciónValores
margincuatro márgenes simultáneamentelongitud | % (de 1 a 4 valores)
margin-topmargen superiorlongitud | %
margin-rightmargen derecholongitud | %
margin-bottommargen inferiorlongitud | %
margin-leftmargen izquierdolongitud | %
Relleno
PropiedadDescripciónValores
paddingcuatro rellenos simultáneamentelongitud | % (de 1 a 4 valores)
padding-toprelleno superiorlongitud | %
padding-rightrelleno derecholongitud | %
padding-bottomrelleno inferiorlongitud | %
padding-leftrelleno izquierdolongitud | %
Listas
PropiedadDescripciónValores
list-stylepropiedad compuesta
list-style-typetipo de marcadordisc | circle | square | decimal | decimal-leading-zero | lower-roman | upper-roman | lower-greek | lower-alpha | lower-latin | upper-alpha | upper-latin | hebrew | armenian | georgian | cjk-ideographic | hiragana | katakana | hiragana- iroha | katakana-iroha | none | inherit
list-style-positionposición del marcadorinside | outside | inherit
list-style-imageimagen del marcadorurl («ruta_y_nombre_de_archivo»)
marker-offsetdistancia entre marcador y elementolongitud
Fondos
PropiedadDescripciónValores
backgroundpropiedad compuesta
background-colorcolor de fondo
background-imageimagen de fondourl («ruta_y_nombre_de_archivo»)
background-positionposición de la imagen de fondo2 valores: longitud, %, top | center | bottom , left | center | right
background-repeatrepetición de la imagen de fondono-repeat | repeat-x | repeat-y | repeat
background-attachmentatadura de la imagenscroll | fixed
Pseudo-elementos
NombreDescripciónValores
:first-letterprimera letra
:first:lineprimera línea de texto
:beforeinserta contenido antes del elemento
:afterinserta contenido después del elemento
Pseudo-clases
NombreDescripciónValores
:first-childprimer elemento hijo
:linkenlaces no visitados
:visitedenlaces ya visitados
:hovercuando el ratón pasa sobre el elemento
:activecuando haces clic sobre el elemento
:focuscuando el elemento tiene el foco
:langidioma:lang(en) | :lang(es) | :lang(fr) etc.
Tablas
PropiedadDescripciónValores
caption-sideposición de la leyendatop | bottom | left | right
empty-cellsborde de casillas vacíasshow | hide
Posicionamiento
PropiedadDescripciónValores
displaytipo de cajainline | block | list-item | run-in | compact | marker | table | inline-table | table-row-group | table-header-group | table-footer-group | table-row | table-column-group | table-column | table-cell | table-caption | none
floatmodo de posicionamiento flotanteleft | right
clearlado en el que no puede haber elementos flotantesnone | left | right | both
positionmodo de posicionamientostatic | relative | absolute | fixed
topposición del borde superior del elementolongitud | %
rightposición del borde derecho del elementolongitud | %
bottomposición del borde inferior del elementolongitud | %
leftposición del borde izquierdo del elementolongitud | %
overflowsi el contenido desborda al elementovisible | hidden | scroll | auto
z-indexapilamientovalor (número entero)
Tamaño
PropiedadDescripciónValores
widthanchuralongitud | % | auto
min-widthanchura mínimalongitud | %
max-widthanchura máximalongitud | %
heightalturalongitud | % | auto
min-heightaltura mínimalongitud | %
max-heightanchura máximalongitud | %
line-heightespaciadonormal | número | longitud | %
vertical-alignalineación verticalbaseline | sub | super | top | text-top | middle | bottom | text-bottom | longitud | %
Interface de usuario
PropiedadDescripciónValores
cursortipo de cursor<uri> | auto | crosshair | default | pointer | move | e-resize | ne-resize | nw-resize | n-resize | se-resize | sw-resize | s-resize | w-resize | text | wait | help

 

Autor: Bartolomé Sintes Marco ( http://www.mclibre.org)

Tags: lista
TweetSharePin

Relacionados ...

Cómo recuperar fotos de la papelera en Mac

Cómo recuperar fotos de la papelera en Mac

1 Jul
Las mejores herramientas de paráfrasis que facilitan la escritura a los escritores 2

Las mejores herramientas de paráfrasis que facilitan la escritura a los escritores

17 Jun
Como poner logos, frases o dibujos en ropas o camisetas con Photoshop

Como poner logos, frases o dibujos en ropas o camisetas con Photoshop

13 Jun
Descargar e instalar el iOS 16 en tu iPhone es extremadamente simple

Descargar e instalar el iOS 16 en tu iPhone es extremadamente simple

8 Jun
Las aplicaciones de entretenimiento para celulares más valoradas

Las aplicaciones de entretenimiento para celulares más valoradas

9 Nov

BGeraser Vs. Photoshop: Cuál es un mejor programa para eliminar el fondo

¿Por qué necesita un certificado de firma de código para su aplicación de Android?

Huawei Mate 50 Series lanzado con conectividad satelital, Snapdragon 8+ Gen 1 (4G)

Apareció el Redmi A1,  especificaciones y precio

Galaxy A23 5G se abre a la venta en EE. UU. con Snapdragon 695 a un precio atractivo

Cómo grabar videollamadas en Zoom, Skype, Google Meet, Teams y más

¿Cómo cambiar palabras automáticamente sin plagio?

¿Será 2023 un mejor año para las criptomonedas?

Las aplicaciones de entretenimiento para celulares más valoradas

BGeraser Vs. Photoshop: Cuál es un mejor programa para eliminar el fondo

¿Por qué necesita un certificado de firma de código para su aplicación de Android?

Publicidad

Follow me on Blogarama
Diginota.com

© 2022 DIGINOTA - All Rights Reserved by Diginota.

  • Contacto
  • Sobre Diginota
  • Politicas de Privacidad
  • Política de Cookies

No hay Resultados
Ver todos Los Resultados
  • Actualidad
    • Noticias
  • Curiosidades y Artículos
  • Cómo hacer
  • Mas..
    • Aplicaciones
    • Varios
    • Tutoriales Varios
    • Trucos de Windows
    • Android
    • iPhone
    • Viajes y Turismo
  • / Google News

© 2022 DIGINOTA - All Rights Reserved by Diginota.