Elenchiamo qui altre proprietà di uso meno frequente e soprattutto (a parte cursor) quasi per nulla supportate.
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>;}
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.
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.
Specifica la direzione del testo da usare nella presentazione del documento. Utile se volete scrivere pagine in Ebraico.
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à:
I valori possibili sono identici a quelli visti per i bordi.
Serve a definire stile e aspetto dei segni di virgolettatura.
Influenza il layout del testo nelle pagine in cui siano presenti testi con diverse direzioni.
Bordi multipli con 'box-shadow' di CSS3Il 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 SVGUtilizzare la funzione linear-gradient CSS per creare sfumature... |
Stili specifici per l'orientamento dell'iPad con le Media QueriesGestire con gli stili e le media queries le modalità di... |
Campo per la ricerca con i CSSDedicare la giusta attenzione al modulo per le ricerche, componente... |
Box model 'naturale' con border-boxDimenticare per sempre i problemi legati al box model grazie ad un... |
Responsive Desing, la guidaProgettare siti da fruire su dispositivi diversi è imprescindibile... |
Guida CSS3Scoprire e usare al meglio tutte le novità dell'ultima versione dei... |
Guida CSS Tecniche essenzialiTesto, immagini, layout, form, liste, tabelle: soluzioni pronte per... |
Ogni mercoledì, direttamente nella tua e-mail: guide, articoli, tutorial, FAQ e approfondimenti tecnici su CSS e Web Design.
Iscriviti alla newsletter
|
|
Corso Webmaster base18 Giugno 2012 a Milano |
|
|
Corso Google AdWords Base25 Giugno 2012 a Milano |
|
|
Corso Google AdWords Base05 Giugno 2012 a Roma |
|
|
Corso Webmaster base11 Giugno 2012 a Roma |