La propiedad all restablece todas las propiedades, además de unicode-bidi y dirección, a su valor inicial o heredado.

Valor por defecto: none

Nota: Internet Explorer y Safari 8 y versiones anteriores no admiten la propiedad all.

Sintaxis: all: initial | inherit | unset;

Valores de propiedad:

• initial - Cambia todas las propiedades aplicadas al elemento o a los padres del elemento a su valor inicial.
• inherit - Cambia todas las propiedades aplicadas al elemento o al elemento primario del elemento en su valor principal.
• unset - Cambia todas las propiedades aplicadas al elemento o al elemento principal del elemento a su valor principal si son heredables o a su valor inicial si no es.

La propiedad box-sizing (tamaño de caja) se utiliza para indicar al navegador cuáles deben ser las propiedades de tamaño (ancho y alto).

Valor por defecto: content-box

Sintaxis: box-sizing: content-box | border-box | initial | inherit;

Valores de propiedad:

• content-box - Defecto. Las propiedades width y height (y las propiedades min / max) incluyen sólo el contenido. El borde, el relleno o el margen no están incluidos.
• border-box - Las propiedades de width y height (y las propiedades min / max) incluyen contenido, relleno y borde, pero no el margen.
• initial - Establece esta propiedad a su valor predeterminado.
• inherit - Hereda esta propiedad de su elemento padre.

<h2>Propiedad box-sizing</h2>
<div id="cont1">
    <div id="cont2">box-sizing: content-box</div>
    <div id="cont3">box-sizing: content-box</div>
    <div id="cont4"></div>
</div>

<style>
h2 { text-align: center; }
.cont1 { width: 300px; border: 1em solid blue; margin: auto; }
.cont2, cont3 { width: 50%; border: 1em solid red; float: left; }
.cont4 { clear: both; }
.cont2 { box-sizing: 
            content-box
            border-box
            initial
         ; }
.cont3 { box-sizing: 
            content-box
            border-box
            initial
         ; }
</style>

La propiedad cursor especifica el tipo de cursor que se mostrará cuando apunte a un elemento.

Valor por defecto: auto

Sintaxis: cursor: value;

Posibles valores:

none | url | auto | crosshair | default | pointer | move | e-resize | ne-resize | nw-resize | n-resize | se-resize | sw-resize | s-resize | w-resize | text | wait | help | progress

• alias - El cursor indica que se va a crear un alias de algo.
• all-scroll - El cursor indica que algo se puede desplazar en cualquier dirección.
• auto - Defecto. El navegador establece un cursor.
• cell - El cursor indica que se puede seleccionar una celda (o conjunto de celdas).
• context-menu - El cursor indica que hay un menú contextual disponible.
• col-resize - El cursor indica que la columna puede ser redimensionada horizontalmente.
• copy - El cursor indica que algo se va a copiar.
• crosshair - El cursor hace como una cruz.
• default - El cursor predeterminado.
• e-resize - El cursor indica que un borde de una caja debe ser movido hacia la derecha.
• ew-resize - Indica un cursor de redimensionamiento bidireccional.
• grab - El cursor indica que se puede agarrar algo.
• grabbing - El cursor indica que se puede agarrar algo.
• help - El cursor indica que hay ayuda disponible.
• move - El cursor indica que algo se va a mover.
• n-resize - El cursor indica que un borde de una caja debe ser movido hacia arriba.
• ne-resize - El cursor indica que un borde de un cuadro debe ser movido hacia arriba y hacia la derecha (norte / este).
• nesw-resize - Indica un cursor de redimensionamiento bidireccional.
• ns-resize - Indica un cursor de redimensionamiento bidireccional.
• nw-resize - El cursor indica que un borde de una caja debe ser movido hacia arriba y hacia la izquierda (norte / oeste).
• nwse-resize - Indica un cursor de redimensionamiento bidireccional.
• no-drop - El cursor indica que el elemento arrastrado no se puede eliminar aquí.
• none - No se muestra ningún cursor para el elemento.
• not-allowed - El cursor indica que la acción solicitada no se ejecutará.
• pointer - El cursor es un puntero e indica un enlace.
• progress - El cursor indica que el programa está ocupado (en progreso).
• row-resize - El cursor indica que la fila puede ser redimensionada verticalmente.
• s-resize - El cursor indica que un borde de una caja debe ser movido hacia abajo (hacia el sur).
• se-resize - El cursor indica que un borde de una caja debe ser movido hacia abajo y hacia la derecha (sur / este).
• sw-resize - El cursor indica que un borde de una caja debe ser movido hacia abajo y hacia la izquierda (sur / oeste).
• text - El cursor indica el texto que se puede seleccionar.
• URL - Solo Internet Explorer. Una lista separada por comas de URLs a cursores personalizados. Nota: Siempre especifique un cursor genérico al final de la lista, en caso de que no se pueda usar ninguno de los cursores definidos por URL.
• vertical-text - El cursor indica texto vertical que se puede seleccionar.
• w-resize - El cursor indica que un borde de una caja debe ser movido hacia la izquierda (oeste).
• wait - El cursor indica que el programa está ocupado.
• zoom-in - El cursor indica que se puede acercar algo.
• zoom-out - El cursor indica que algo se puede alejar.

Se pueden indicar varias URL para que CSS intente cargar varias imágenes: si la primera imagen del puntero no se carga o no la soporta el navegador, se pasa a la siguiente imagen y así sucesivamente hasta que se pueda cargar alguna imagen.

<div>
    <h2>Propiedad cursor: auto</h2>
    <p>TEXTO</p>
</div>

<style>
div { background-color: #f7f785; outline: 5px solid #85814f;
    border-radius: 20px; width: 400px; padding: 10px;
    margin: 20px auto;
    cursor: 
            auto
            alias
            all-scroll
            cell
            context-menu
            col-resize
            copy
            crosshair
            default
            e-resize
            ew-resize
            grab
            grabbing
            help
            move
            n-resize
            ne-resize
            nesw-resize
            ns-resize
            nw-resize
            nwse-resize
            no-drop
            none
            not-allowed
            pointer
            progress
            row-resize
            s-resize
            se-resize
            sw-resize
            text
            url(img/maq/ver.png), pointer
            url(img/maq/html5.png), help
            url(no-imagen), progress
            vertical-text
            w-resize
            wait
            zoom-in
            zoom-out
            initial
        ;
}
h2 { text-align: center; }
</style>

La propiedad ime-mode controla el estado del método de entrada del editor para campos de texto.

Valor por defecto: auto

Sintaxis: ime-mode: auto | normal | active | inactive | disabled;

Valores de propiedad:

• auto - No hay cambios en el estado actual del editor. Opción por defecto.
• normal - El estado IME debería ser normal. Este valor puede ser usado en cualquier hoja de estilo del usuario para sobrescribir los parámetros de la página. Este valor no es soportado por Internet Explorer.
• active - El editor de entradas, está inicialmente activo y usado para la entrada de datos, hasta que el usuario lo desactive específicamente. No soportado en Linux.
• inactive - El editor de entradas está inicialmente inactivo, pero el usuario puede activarlo en cualquier momento. No soportado por Linux.
• disabled - El editor de entradas está desactivado y no puede ser activado por el usuario.

La palabra reservada !important se utiliza para evitar posibles problemas con la especificidad de los selectores.

Esta propiedad está obsoleta.

La propiedad nav-down especifica a dónde navegar cuando se utiliza la tecla de navegación hacia abajo.

Valor por defecto: auto

Sintaxis: nav-down: auto | id | target-name | initial | inherit;

Posibles valores:

• auto - Valor por defecto. El navegador determina a qué elemento navegar.
• id - Especifica el id del elemento para navegar a.
• target-name - Especifica el target de destino para navegar hasta.
• initial - Establece esta propiedad a su valor predeterminado.
• inherit - Hereda esta propiedad de su elemento padre.

Esta propiedad está obsoleta.

La propiedad nav-index especifica la orden de navegación secuencial ("orden de tabulación") para un elemento.

Valor por defecto: auto

Sintaxis: nav-index: auto | número | initial | inherit;

Posibles valores:

• auto - Valor por defecto. El orden de tabulación del elemento es asignado por el navegador.
• número - Indica el orden de tabulación del elemento. 1 significa primero.
• initial - Establece esta propiedad a su valor predeterminado.
• inherit - Hereda esta propiedad de su elemento padre.

Esta propiedad está obsoleta.

La propiedad nav-left especifica a dónde navegar cuando se utiliza la tecla de navegación con la flecha hacia la izquierda.

Valor por defecto: auto

Sintaxis: nav-left: auto | id | target-name | initial | inherit;

Posibles valores:

• auto - Valor por defecto. El navegador determina a qué elemento navegar.
• id - Especifica el id del elemento para navegar a.
• target-name - Especifica el target de destino para navegar hasta.
• initial - Establece esta propiedad a su valor predeterminado.
• inherit - Hereda esta propiedad de su elemento padre.

Esta propiedad está obsoleta.

La propiedad nav-right especifica a dónde navegar cuando se utiliza la tecla de navegación con la flecha hacia la derecha.

Valor por defecto: auto

Sintaxis: nav-right: auto | id | target-name | initial | inherit;

Posibles valores:

• auto - Valor por defecto. El navegador determina a qué elemento navegar.
• id - Especifica el id del elemento para navegar a.
• target-name - Especifica el target de destino para navegar hasta.
• initial - Establece esta propiedad a su valor predeterminado.
• inherit - Hereda esta propiedad de su elemento padre.

Esta propiedad está obsoleta.

La propiedad nav-up especifica a dónde navegar cuando se utiliza la tecla de navegación hacia arriba.

Valor por defecto: auto

Sintaxis: nav-up: auto | id | target-name | initial | inherit;

Posibles valores:

• auto - Valor por defecto. El navegador determina a qué elemento navegar.
• id - Especifica el id del elemento para navegar a.
• target-name - Especifica el target de destino para navegar hasta.
• initial - Establece esta propiedad a su valor predeterminado.
• inherit - Hereda esta propiedad de su elemento padre.

La propiedad resize especifica si el usuario puede o no redimensionar un elemento.

La propiedad resize se aplica a elementos cuyo valor de desbordamiento calculado es algo distinto de "visible".

Internet Explorer no admite la propiedad redimensionar.

Valor por defecto: none

Sintaxis: resize: none | both | horizontal | vertical | initial | inherit;

Valores de propiedad:

• none - Valor por defecto. El usuario no puede cambiar el tamaño del elemento.
• both - El usuario puede ajustar tanto la altura como el ancho del elemento.
• horizontal - El usuario puede ajustar el ancho del elemento.
• vertical - El usuario puede ajustar la altura del elemento.
• initial - Establece esta propiedad a su valor predeterminado.
• inherit - Hereda esta propiedad de su elemento padre.

<h2>Propiedad resize</h2>
<div>resize: none</div>

<style>
h2 { text-align: center; }
div {
    width: 200px;
    border: 1px solid #0000FF;
    padding: 20px;
    overflow: auto;
    background: #FDF68C;
    margin: 25px auto;
    resize: 
            none
            both
            horizontal
            vertical
            initial
        ;
}
</style>

La propiedad text-overflow o de desbordamiento de texto especifica cómo se debe señalar al usuario el contenido desbordado que no se muestra.

Valor por defecto: clip

Sintaxis: text-overflow: clip | ellipsis | string | initial | inherit;

Posibles valores:

• clip - Valor por defecto. Recortar el texto.
• ellipsis - Hacer un elipsis ("...") para representar el texto recortado.
• string - Renderizar la cadena dada para representar el texto recortado.
• initial - Establece esta propiedad a su valor predeterminado.
• inherit - Hereda esta propiedad de su elemento padre.

<h2>Propiedad text-overflow: clip</h2>
<div id="texOver">
    TEXTO LARGO con text-overflow: clip
</div>
<p>TEXTO</p>

<style>
#texOver {
    background: #FAFDCD;
    border: 1px solid #000000;
    white-space: nowrap;
    width: 12em;
    padding:10px; 
    overflow: hidden;
    text-overflow: 
            clip
            ellipsis
            initial
         ;
    }
#texOver:hover {
    background: #FFE8FA;
    text-overflow: inherit;
    overflow: visible;
}
</style>