CSS  »  Guide  »  Guida CSS di base 

Altre proprietà



Elenchiamo qui altre proprietà di uso meno frequente e soprattutto (a parte cursor) quasi per nulla supportate.

cursor

Definisce l'aspetto del cursore quando passa su un elemento. Ereditata. Si applica a tutti gli elementi.

Sintassi

<selettore> {cursor: <valore>;}

Valori

I valori possibili sono molti ed è possibile praticamente usare tutti i tipi di cursore abituali dell'interfaccia utente che usate. Ecco la lista:

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

In questa pagina abbiamo preparato una serie di esempi per visualizzare i vari tipi citati nell'elenco. E' anche possibile definire un cursore esterno, ovvero presente sul server e da scaricare. In questo caso va indicato l'URL della risorsa:

a {cursor: url(url_del_cursore);}

L'uso più tipico di questa proprietà è quello di modificare l'aspetto del cursore in corrispondenza dei link. Se volete cambiare il classico ditino con un altro cursore basta questa regola:

a:hover {cursor: <valore>;}

content

La proprietà content è usata per definire il contenuto da inserire nel documento con gli pseudo-elementi :before e :after.

Per sintassi ed esempi si veda la lezione sugli "pseudo elementi". La proprietà non è supportata da Explorer Win.

counter increment e counter-reset

Proprietà non supportate da nessun browser. Servono a impostare lo stile e l'aspetto di un cosiddetto contatore, oggetti da creare con la proprietà content simili alle classiche liste (X)HTML.

direction

Specifica la direzione del testo da usare nella presentazione del documento. Utile se volete scrivere pagine in Ebraico.

outline

Il cosiddetto outline è un bordo che è possibile inserire attorno ad oggetti di un documento per evidenziarli. Non è supportato da nessun browser. Potenzialmente è possibile definire l'aspetto del bordo secondo le seguenti proprietà:

  • outline-color: il colore
  • outline-style: lo stile
  • otline-width: lo spessore

I valori possibili sono identici a quelli visti per i bordi.

quotes

Serve a definire stile e aspetto dei segni di virgolettatura.

unicode-bidi

Influenza il layout del testo nelle pagine in cui siano presenti testi con diverse direzioni.

Ultimi articoli CSS

Bordi multipli con 'box-shadow' di CSS3

Il modo più rapido e semplice per circondare un box con più bordi di...

Sfumature lineari su IE6-9, linear-gradient CSS3 e un po' di SVG

Utilizzare la funzione linear-gradient CSS per creare sfumature...

Stili specifici per l'orientamento dell'iPad con le Media Queries

Gestire con gli stili e le media queries le modalità di...

Campo per la ricerca con i CSS

Dedicare la giusta attenzione al modulo per le ricerche, componente...

Box model 'naturale' con border-box

Dimenticare per sempre i problemi legati al box model grazie ad un...

Altri articoli

Guide CSS

Responsive Desing, la guida

Progettare siti da fruire su dispositivi diversi è imprescindibile...

Guida CSS3

Scoprire e usare al meglio tutte le novità dell'ultima versione dei...

Guida CSS Tecniche essenziali

Testo, immagini, layout, form, liste, tabelle: soluzioni pronte per...

Altre guide

Newsletter @CSS

Ogni mercoledì, direttamente nella tua e-mail: guide, articoli, tutorial, FAQ e approfondimenti tecnici su CSS e Web Design.

Iscriviti alla newsletter

Altre newsletter

Corsi in aula

Corso Webmaster base

18 Giugno 2012 a Milano
Disponibilità: 6 Posti

Corso Google AdWords Base

25 Giugno 2012 a Milano
Disponibilità: 7 Posti

Corso Google AdWords Base

05 Giugno 2012 a Roma
Disponibilità: 7 Posti

Corso Webmaster base

11 Giugno 2012 a Roma
Disponibilità: 7 Posti