Breaking

Post Top Ad

Your Ad Spot

miércoles, 13 de noviembre de 2019

Propiedades CSS

La lista de las propiedades CSS ordenadas alfabéticamente:
PropiedadSintaxisDescripción
align-contentstarfelexbox align-content: flex-start | flex-end | center | space-between | space-around | stretch;
grid align-content: start | end | center | space-between | space-around | stretch | space-evenly
Alinea los elementos del contenedor a lo largo del eje transversal en flexbox y a lo relativo a la columna en grid. El valor por defecto es stretch.
align-itemsstarfelexbox align-items: flex-start | flex-end | center | baseline | stretch;
grid align-items: start | end | center | baseline | stretch;
Establece el valor align-self para todos los elementos descendientes directos de un elemento. Utilizada en flexbox y grid. El valor por defecto es stretch.
align-selfstarfelexbox align-self: flex-start | flex-end | center | baseline | stretch;
grid align-self: start | end | center | stretch
En felxbox la propiedad align-self reposiciona elementos individuales relativamente al eje transversal de la caja
En grid la propiedad align-self alinea el ítem relativo a la columna.
allall: initial | inherit | unsetReestablece el valor de todas las propiedades del elemento seleccionado excepto direction y unicode-bidi.
animationstaranimation: nombre duración función-de-temporizadorstar demorastar número-de-iteracionesstar direcciónstar estado-de-la-animaciónstarUtilizada para animar las propiedades CSS que pueden ser animadas.
appearance-moz-appearance: none;
-webkit-appearance: none;
Utilizada para mostrar los estilos nativos del sistema operativo para un elemento como checkbox, button, textarea, radio, etc...
backdrop-filterstarbackdrop-filter: blur() | brightness() | contrast() | drop-shadow() | grayscale() | hue-rotate() | invert() | opacity() | saturate() | sepia();Tiene el mismo efecto que la propiedad filter, solo que los estilos se aplican al fondo (background) en lugar de aplicarse al elemento.
backface-visibilitystarbackface-visibility: hidden | visible;Decide si un elemento, girado 180º alrededor del eje X o Y, debe seguir visible ( el valor por defecto ) o no ( hidden ).
backgroundstarbackground: color position / size repeat origin clip attachment image;Establece todas las propiedades del fondo en una sola declaración abreviada
background-attachmentstarbackground-attachment: scroll | fixed | local;Se utiliza para controlar como se comportan las imágenes de fondo al desplazar la página.
background-blend-modestarbackground-blend-mode: color | color-burn | color-dodge | darken | difference | exclusion | hard-light | hue | lighten | luminosity | multiply | normal | overlay | saturation | screen | soft-lightUtilizada para combinar dos imágenes de fondo, o una imagen y un color.
background-clipstarbackground-clip: border-box | padding-box | content-box | text | inherit;Especifica hasta donde se extiende el fondo ( background ) de un elemento, ya sea color o imagen.
background-colorstarbackground-color: rgb(0,0,0);Se utiliza para dar un color de fondo a un elemento HTML
background-imagestarbackground-image: url(carpeta/donde/esta/la/imagen.png);Utiliza una imagen o un gradiente como imagen de fondo de un elemento HTML.
background-originstarbackground-origin: border-box | padding-box | content-box | inherit;Utilizada para determinar como se calcula la posición ( background-position ) de la imagen de fondo ( background-image ).
background-positionstarbackground-position: 50px 0;
background-position: 50% 10%;
background-position: top | bottom | left | right | center;
Permite posicionar una imagen de fondo dentro de su contenedor.
background-repeatstarbackground-repeat: no-repeat | repeat | repeat-x | repeat-y | space | roundUtilizada para establecer si la imagen se repite o no y de que forma:
background-sizestarbackground-size: auto | contain | cover | tamañoX[ tamañoY]Permite redimensionar las imágenes de fondo.
bleedbleed: auto |  longitudPropiedad utilizada con la regla at @page para determinar el sangrado de pagina
borderstarborder: [border-width] border-style [border-color];
border:1px solid black;
Establece en una declaración abreviada las propiedades border-widthborder-style, y border-color.
border-collapsestarborder-collapse: collapse | separateEstablece si las celdas adiacentes de una tabla <table> comparten el mismo borde ( collapsed ) o no ( separate ).
border-imagestarborder-image: border-image-source || border-image-slice [ / border-image-width | / border-image-width / border-image-outset ] || border-image-repeatUtiliza una imagen o un gradiente para trazar el borde de un elemento HTML y es la declaración abreviada de border-image-sourceborder-image-sliceborder-image-widthborder-image-outset, y border-image-repeat.
border-radiusstarborder-radius: 10px;Utilizada para crear esquinas redondeadas. Es la declaración abreviada de border-top-left-radiusborder-top-right-radiusborder-bottom-right-radius, y border-bottom-left-radius.
border-spacingstarborder-spacing: 1em;Controla la separación de los bordes en una tabla table con bordes separados border-collapse: separate
bottomstarbottom:1px;Establece la distancia entre el borde inferior de un elemento posicionado ( position:relative | absolute ... ) relativo al borde inferior de la caja padre
box-decoration-breakstarbox-decoration-break: slice | cloneDecide como utilizar los elementos decorativos de un elemento ( backgroundborderborder-radiusborder-imagebox-shadowmargin, y padding ) cuando el elemento ocupa múltiples líneas columnas o páginas.
box-shadowstarbox-shadow: desplazamiento horizontal desplazamiento vertical desenfoque extension color inset;Aplica una sombra alrededor de un elemento HTML
box-sizingstarbox-sizing : content-box | border-box | inherit;Decide como se calcula el ancho y el alto de una caja; si el padding y el border de la caja suman ( content-box ) o no ( border-box ).
break-insidestarbreak-inside: auto | avoid | avoid-page | avoid-column | avoid-regionEn el layout de columnas la propiedad break-inside se utiliza para controlar si romper o no un elemento html entre columnas.
caption-sidecaption-side: top | bottom | block-start | block-end | inline-start | inline-endDecide donde poner la descripción ( caption) de una tabla ( <table>).
caret-colorcaret-color: red;especifica el color del cursor de texto de un elemento editable.
clearclear: none | left | right | both | inline-start | inline-endDecide si un elemento tiene que aparecer al lado o debajo de un elemento flotado que lo precede.
clip-pathstarclip-path: circle(50px at 0 100px);Crea una región de recorte para que solo una parte del elemento HTML sea visible
colorstarcolor:red;Establece el color del texto de las decoraciones ( text-decoration ) y el valor de currentcolor
color-adjustcolor-adjust: economy | exactEstablece como se debe optimizar el aspecto de un elemento en los dispositivos de salida ( una impresora - por ejemplo ).
column-countstarcolumn-count: número | autoEn el layout de columnas la propiedad column-count especifica el número de columnas.
column-fillcolumn-fill: auto | balance | balance-allEspecifica como aparece el contenido de un elemento en el layout de columnas
column-gapstarcolumn-gap: tamaño | normalEspecifica el tamaño ( px, em, etc…) del espacio entre columnas.
column-rulestarcolumn-rule: column-rule-width column-rule-style column-rule-colorDeclaración abreviada para establecer las propiedades del separador entre columnas.
column-spanstarcolumn-span: 1 | all;Establece si un elemento puede extenderse a lo largo de varias columnas.
column-widthstarcolumn-width: anchura | auto;Sugiere la anchura optima de las columnas.
columnsstarcolumns: column-width column-countDeclaración abreviada para establecer las propiedades column-width y column-count
contentstarcontent: url(imagen.jpg);Se utiliza junto con los pseudo-elementos ::before y ::after para generar el contenido que sde estos.
counter-incrementstarcounter-increment: mi-contador 5;Se utiliza junto con los pseudo-elementos ::before y ::after para especificar el incremento del contador utilizado como valor de la propiedad content
counter-resetstarcounter-reset: contador número | noneSe utiliza junto con los pseudo-elementos ::before y ::after para reestablecer el valor inicial de un contador utilizado como valor de la propiedad content
cursorstarcursor: auto | default | none | context-menu | help | pointer | progress | wait | cell | crosshair | text | vertical-text | alias | copy | move | no-drop | not-allowed | e-resize | n-resize | ne-resize | nw-resize | s-resize | se-resize | sw-resize | w-resize | ew-resize | ns-resize | nesw-resize | nwse-resize | col-resize | row-resize | all-scroll | zoom-in | zoom-out | grab | grabbingEspecifica el tipo de cursor que se mostrara cuando el raton pasa por encima de un elemento.
directiondirection: ltr | rtl | inherit;Se utiliza para indicar en que dirección fluye el texto ( rtl: de izquierda a derecha o ltr: de derecha a izquierda )
displaystardisplay: inline | block | list-item | inline-block | run-in | table | inline-table | table-row-group | table-header-group | table-footer-group | table-row | table-column-group | table-column | table-cell | table-caption | none | inheritPermite definir como será mostrado un cierto elemento HTML
empty-cellsempty-cells: show | hideEstablece si los bordes y los fondos de las celdas vacías de una tabla table serán visibles o no.
filterstarfilter: blur() | brightness() | contrast() | drop-shadow() | grayscale() | hue-rotate() | invert() | opacity() | saturate() | sepia();Es una manera de aplicar filtros SVG a un elemento html (sobretodo imagenes)
flexstar.item { flex: flex-grow [flex-shrink] [flex-basis]; }Es una propiedad de los ítems de un contenedor flex. y representa la declaración abreviada de flex-growflex-shrink ( opcional ) y flex-basis ( opcional )
flex-basisstarflex-basis:50%;Es una propiedad de los ítems de un contenedor flex. Especifica el valor inicial del tamaño principal de un elemento flex, antes de que esté redimensionado
flex-directionstarflex-direction: row | row-reverse | column | column-reverse;Es una propiedad del contenedor flex, y establece la dirección de los elementos hijos ( ítems flex ).
flex-flowstarflex-flow: flex-direction [flex-wrap];Es una propiedad del contenedor flex. Representa la declaración abreviada de las dos propiedades: flex-direction y flex-wrap ( opcional )
flex-growstarflex-grow:2;Una propiedad de los ítems del contenedor flex. Establece cuanto puede crecer un elemento flex en relación al resto de elementos de la misma caja flex.
flex-shrinkstarflex-shrink:2;Una propiedad de los ítems del contenedor flex. Establece cuanto puede disminuir un elemento flex en relación al resto de elementos de la misma caja flex
flex-wrapstarflex-wrap: nowrap | wrap | wrap-reverse;Es una propiedad del contenedor flex y especifica si puede haber un cambio de línea ( wrap ) o no ( nowrap ).
floatfloat: left | right | none | inline-start | inline-endEspecifica si un elemento debe florar o no y de que manera.
fontstarfont: italic small-caps bold 44px Georgia, sans-serif;Representa la declaración abreviada de font-stylefont-variantfont-weightfont-stretchfont-sizeline-heightfont-family
font-displaystar@font-face{
font-family: "Fuente Ejemplo";
src: url('fuente.woff') format('woff');
font-display: auto | block | swap | fallback | optional; }
Decide que fuente hay que mostrar si hay que mostrar antes que la fuente definida con @font-face sea disponible
font-familystarfont-family: Courier, "Lucida Console", monospace;Define una lista de fuentes o familias de fuentes, con un orden de prioridad, para utilizar en un elemento seleccionado.
font-sizestarfont-size: tamaño | xx-small | x-small | small | medium | large | x-large | xx-large | larger | smallerEstablece el tamaño de fuente.
font-size-adjuststarfont-size-adjust: tamaño | none | inheritAjusta la proporción de la fuente, donde la proporción se calcula como x-height / font-size.
font-stretchstarfont-stretch: porcentaje | normal | ultra-condensed | extra-condensed | condensed | semi-condensed | semi-expanded | expanded | extra-expanded | ultra-expanded;Escoge un tipo de fuente normal, condensado o ampliado
font-stylestarfont-style: normal | italic | oblique | oblique 40deg;Establece si el texto tiene que utilizar un tipo de fuente normal, cursiva u oblicua.
font-variantstarfont-variant: normal | small-caps | inherit;Decide si utilizar o no una variación de la fuente donde las minúsculas se parecen a las mayusculas ( small-caps ).
font-variant-numericfont-variant-numeric: normal | ordinal | slashed-zero | lining-nums | oldstyle-nums | proportional-nums | tabular-nums | diagonal-fractions | stacked-fractionsControla el uso de caracteres alternativos para números, fracciones, cero con barra, indicadores ordinales (º ª) etc... La fuente utilizada tiene que disponer de estos caracteres alternativos.
font-weightstarfont-weight: normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | inherit;Especifica el grosor o el peso de la fuente.
grid-row /
grid-column
star
grid-column: 2 / 3;
grid-row: 2 / 3;
grid-row representa la declaración abreviada para grid-row-start y grid-row-endgrid-column representa la declaración abreviada para grid-column-start y grid-column-end.
grid-template-columns /
grid-template-rows
star
grid-template-rows: 1fr 2fr;
grid-template-columns: 1fr 1fr 1fr;
Define una plantilla de columnas ( grid-template-columns ) o de filas ( grid-template-rows ) en el Grid layout
hanging-punctuationhanging-punctuation: none | [ first || [ force-end | allow-end ] || last ]Mueve (o no) algunos signos de puntuación (punto, coma, comillas, viñetas ...etc) fuera de la caja, para dar al texto un aspecto visualmente agradable
heightheight: auto | altura | inheritEspecifica la altura de un elemento.
hyphenshyphens: none | manual | autoDecide como separar las palabras con guiones a finales de línea.
image-renderingimage-rendering: auto | crisp-edges | pixelatedEstablece el algoritmo que debe utilizarse para redinemsionar las imagenes.
initial-letterinitial-letter: 2;Selecciona la primera letra de un elemento y establece el número de líneas que debe ocupar (en este momento solo en Safari).
isolationstarisolation: auto | isolateUtilizada junto con mix-blend-modes. Aisla un grupo de elementos para que no fusione con el trasfondo.
justify-contentstarjustify-content: flex-start | flex-end | center | space-between | space-around;Controla el alineamiento de los elementos de una caja flexible ( flexbox ) a lo largo de su eje principal.
leftstarleft: longitud | porcentaje | autoEstablece la distancia entre el borde izquierdo de un elemento posicionado ( position:relative | absolute ... ) relativo al borde izquierdo de la caja padre
letter-spacingletter-spacing: normal | distancia;Establece el espaciado entre caracteres de texto.
line-clampline-clamp: 3;Corta el texto después de un número especifico de líneas.
line-heightstarline-height: normal | número | longitud | porcentajeUtilizada para establecer la altura de línea del texto.
list-stylelist-style: tipo posición imagen | inheritEstablece las propiedades de la lista ( list-style-typelist-style-image, y list-style-position ) en una sola declaración abreviada
marginmargin: 2px 1em 0 auto;Declaración abreviada para margin-topmargin-rightmargin-bottom y margin-left
max-heightmax-height:valor;Establece la altura máxima de un elemento
max-widthmax-width: valor;Establece la anchura máxima de un elemento
min-heightmin-height: valor;Establece la altura mínima de un elemento
min-widthmin-width: valorEstablece la anchuraa mínima de un elemento
mix-blend-modestarmix-blend-mode: color | color-burn | color-dodge | darken | difference | exclusion | hard-light | hue | lighten | luminosity | multiply | normal | overlay | saturation | screen | soft-lightEstablece cómo el contenido de un elemento debe mezclarse con el contenido del elemento que está detras él y con el fondo del elemento.
object-fitobject-fit: fill | contain | cover | none | scale-downEspecifica como el contenido de un elemento reemplazado ( <img><video> ) tiene que encajar en su propia caja definida con width y height.
object-positionobject-position: top left;Estabblece como se alinea un elemento reemplazado ( <img><video> ) dentro de su propia caja definida con width y height.
opacitystaropacity: valor | inherit;Establece la opacidad de un elemento.
orderstarorder: número | initial | inherit;Es una propiedad de los ítems del contenedor flex utilizada para cambiar el orden de los elementos de una caja flex
orphansorphans: 3;Utilizada para elementos display:block ( parrafos ) situados a final de página o de columna para sugerir el número minimo de líneas antes del salto de página o de columna.
outlineoutline: 1px solid #000;La propiedad outline (contorno) dibuja una línea fuera de los bordes para destacar el elemento. Es la declaración abreviada de outline-widthoutline-style, y outline-color
outline-offsetoutline-offset: distancia | inherit:Desplaza ( offsets ) el contorno ( outline ) y lo dibuja más allá del borde
overflowoverflow: visible | hidden | scroll | auto | inheritDecide qué pasa si el contenido se sale de la caja. Representa la declaración abreviada de overflow-x y overflow-y
overflow-xoverflow: visible | hidden | scroll | auto | inheritDecide si hay que recortar el contenido en x ( en horizontal o sea: derecha/izquierda) quee sale de la caja
overflow-yoverflow: visible | hidden | scroll | auto | inheritDecide si hay que recortar el contenido en y ( en vertical o sea: arriba/abajo) que sale de la caja.
overflow-wrapoverflow-wrap: normal | break-word | anywhereDecide si hay que romper las palabras largas que salen de la caja. ( anywhere todavía no funciona )
paddingpadding: valor(es)Establece el relleno ( padding ) de una caja y representa la declaración abreviada de padding-toppadding-rightpadding-bottom, y padding-left.
padding-bottompadding-bottom: valor(es)Establece el relleno ( padding ) de una caja y representa la declaración abreviada de padding-toppadding-rightpadding-bottom, y padding-left.
padding-leftpadding-left: valor(es)Establece el relleno a la izquierda ( padding-left ) de una caja.
padding-rightpadding-right: valor(es)Establece el relleno a la derecha ( padding-right ) de una caja.
padding-toppadding-top: valor(es)Establece el relleno superior (padding-top) de una caja.
page-break-after
( break-after )
page-break-after: auto | always | avoid | left | rightEstablece si el salto de página, en el documento impreso, tiene que ser después ( after ) del elemento.
page-break-before
( break-before )
page-break-before: auto | always | avoid | left | rightEstablece si el salto de página, en el documento impreso, tiene que ser antes ( before ) del elemento.
page-break-inside
( break-inside )
page-break-inside: auto | avoidEstablece si el salto de página, en el documento impreso, puede ocurrir dentro ( inside ) del elemento.
perspectivestarperspective:400px;Establece la distancia entre el observador virtual, y un elemento posicionado en 3D, para darle perspectiva.
perspective-originperspective-origin: distancia | porcentaje | left | center | right | top | bottomEstablece la posición del observador. Utilizada como punto de fuga ( vanishing point ) para la perspectiva
place-itemsplace-items: align-items ustify-items?Representa la declaración abreviada para las propiedades align-items y justify-items
pointer-eventsstarpointer-events: auto | none | visiblePainted | visibleFill | visibleStroke | visible | painted | fill | stroke | all | inheritEn SVG y CSS establece como interactúa ( si interactúa ) un cierto elemento con el ratón.
positionstarposition: static | relative | absolute | sticky | fixedDecide cómo posicionar el elemento seleccionado en el documento.
quotesq { quotes: "«" "»"; }
q:before { content: open-quote }
q:after { content: close-quote }
/* Establece dos niveles de comillas */
q { quotes: "«" "»" "‹" "›"; }
Establece el aspecto de las comillas en el documento.
resizestarresize: none | both | horizontal | vertical | block | inlineDecide si un elemento es redimensionable o no y si lo és en que dirección.
rightstarright:1em;Establece la distancia entre el borde derecho de un elemento posicionado ( position:relative | absolute ... ) relativo al borde derecho de la caja padre
scroll-behaviorscroll-behavior: auto | smoothAl hacer click en un enlace dentro del mismo documento ( <a href="#top"... ), permite establecer si la página tiene que saltar a la nueva posición o si debe desplazarse ( scrooll ) fluidamente
shape-outsidestarshape-outside: circle() | ellipse() | polygon() | inset() | url() | margin-box | border-box | padding-box | content-box | initial | inheritDefine como se ajusta el texto alrededor del elemento flotado.
shape-marginstarshape-margin: longitud | porcentajesEstablece un margen alrededor de un trazado definido con ls propiedad shape-outside.
tab-sizetab-size: número entero | longitud | inheritEstablece la anchura del carácter tab (U+0009) que aparece en un documento HTML.
table-layouttable-layout: auto | fixedestablece el algoritmo utilizado para diseñar una tabla <table>
text-aligntext-align: start | end | left | right | center | justify | match-parentEstablece la alineación horizontal del texto en un elemento bloque o de una celda de tabla.
text-align-lasttext-align-last: auto | start | end | left | right | center | justifyEstablece la alineación horizontal de la última línea de texto en un elemento bloque
text-decorationtext-decoration: text-decoration-line || text-decoration-style || text-decoration-colorRepresenta la declaración abreviada de las propiedades text-decoration-linetext-decoration-colortext-decoration-style y de la nueva text-decoration-thickness
text-decoration-colortext-decoration-color: colorEstablece el color de las decoraciones del texto añadidas con text-decoration-line
text-decoration-linenone | underline || overline || line-through || blinkEstablece el tipo de decoración utilizada para el texto
text-decoration-skiptext-decoration-skip: none | objects | spaces | edges | ink | box-decorationEstablece dónde y cómo interrumpir la línea decorativa de un texto declarada con text-decoration-line
text-decoration-skip-inktext-decoration-skip-ink: auto | noneEstablece dónde y cómo interrumpir la línea decorativa de un texto declarada con text-decoration-line. Equivalente de text-decoration-skip: ink;
text-decoration-styletext-decoration-style: solid | double | dotted | dashed | wavyEspecifica el estilo de línea utilizada para la decoración de un texto ( declarada con text-decoration-line )
text-indenttext-indent: longitud | porcentaje | inheritEspecifica la indentación de la prinera línea de texto de un elemento de bloque.
text-justifytext-justify: auto | inter-character | inter-word | noneEstablece el tipo de justificación del texto cuando text-align: justify;
text-overflowtext-overflow: clip | ellipsis | "cadena de texto";Decide que hacer con el texto que sobresale de la caja por ejemplo cuando white-space: nowrap
text-renderingtext-rendering: auto | optimizeSpeed | optimizeLegibility | geometricPrecision | inheritProporciona información al navegador acerca de como optimizar el texto.
text-shadowstartext-shadow: desplazamiento horizontal desplazamiento vertical desenfoque color;Aplica una sombra al texto.
text-stroketext-stroke: 2px red;Una propiedad experimental que añade un contorno a los caracteres de texto, similar al stroke en SVG.
text-transformtext-transform: none | capitalize | uppercase | lowercase | full-width | full-size-kanaEspecifica como transformar el texto utilizando mayúsculas y minúsculas.
topstartop: 1em;Establece la distancia entre el borde superior de un elemento posicionado ( position:relative | absolute ... ) relativo al borde superior de la caja padre.
transformstartransform: none | funcion_de_transformación() | initial | inherit;Utilizada para mover ( translate ) redimensionar ( scale ) girar ( rotate ) y sesgar ( skew ) el elemento seleccionado.
transform-originstartransform-origin: [ left | center | right | top | bottom | porcentaje | longitud ];Utilizada para cambiar la posición del origen de la transformación de un elemento HTML.
transform-stylestartransform-style: flat | preserve-3dDecide si los elementos descendientes son posicionados en un edpacio tridimensional o en espacio bidimensional o plano (flat)
transitionstartransition: propiedad duración función_de_temporizador ( opcional ) demora ( opcional );Es la declaración abreviada de transition-propertytransition-durationtransition-timing-function, y transition-delay.
transition-delaystartransition-delay: tiempo [, tiempo]*;Especifica el número de segundos (s) o milisegundos (ms) antes de empezar la transición.
transition-durationstartransition-duration: tiempo [, tiempo]*;Especifica el número de segundos (s) o milisegundos (ms) entre el comienzo y el fin de la transición.
transition-propertystartransition-property: none | propiedad [, propiedad ]*Especifica la lista de propiedades (separadas por comas) que modificaran su valor durante la transición.
transition-timing-functionstartransition-timing-function: función_de_temporizadorEspecifica como varia la velocidad durante la transición.
unicode-bidiunicode-bidi: normal | embed | bidi-override | inheritUtilizada junto con la propiedad direction para especificar cómo manejar el texto bidireccional en el documento
unicode-range@font-face{ font-family: "Fuente Ejemplo"; src: url('fuente.woff') format('woff'); unicode-range: U+00-FF; }Utilizada con @font-face para definir los caracteres disponibles
user-selectuser-select: auto | text | none | contain | allControla como el texto de un elemento puede ser seleccionado por el usuario.
vertical-alignvertical-align: baseline | sub | super | top | text-top | middle | bottom | text-bottom | porcentaje | longitud | inherit;Controla el alineamiento vertical de un elemento display:inline o una celda de una tabla table.
visibilityvisibility: visible | hidden | collapse | inheritEspecifica si un elemento es visible o no.
white-spacewhite-space: normal | nowrap | pre | pre-wrap |inheritControla cómo gestionar el espacio en blanco dentro de un elemento
widowswidows: número entero | inheritLa propiedad widows ( viudas ) se utiliza con elementos display:block ( parrafos ) situados a final de página o de columna para sugerir el número de líneas después del salto de página o de columna.
widthwidth: longitud | porcentaje | auto | inheritEspecifica la anchura de una caja
will-changewill-change: auto;
will-change: scroll-position;
will-change: contents;
will-change: transform;
will-change: opacity;
will-change: left, top;
Avisa al navegador que un elemento tiene que cambiar para que este pueda optimizar la página antes del cambio previsto.
word-breakword-break: normal | break-all | keep-all | break-wordDecide si poner un salto de línea en el medio de una palabra y cómo hacerlo.
word-spacingword-spacing: normal | longitud | porcentajes;Aumenta o disminuye el espacio en blanco entre las palabras
writing-modewriting-mode: horizontal-tb | vertical-rl | vertical-lr | sideways-rl | sideways-lrPermite establecer la dirección del texto:
z-indexstarz-index: auto | número entero | inheritEspecifica el orden de apilamiento de un elemento posicionado

No hay comentarios.:

Publicar un comentario

Post Top Ad

Your Ad Spot

Páginas