*Linux Guide

Fare Web - Proprietà CSS 3

Le proprietà dei vari attributi CSS 3, sono state provate sui maggiori browser oggi disponibili. Va ricordato che le specifiche sui CSS 3 non sono ancora ufficialmente divulgati dal W3C. Va ricordato altresì che non tutte le proprietà sono supportate da tutti i browser oggi disponibili. Per questo è bene documentarsi approfonditamente in merito.

I link applicati alle varie proprietà portano alla rispettiva pagina del sito Web School

Proprietà delle animazioni

Proprietà Descrizione CSS
@keyframes Specifica l'animazione 3
animation Proprietà cumulativa per tutte le proprietà di animazione seguenti, eccetto per la proprietà animation-play-state 3
animation-name Specifica un nome per l'animazione @keyframes 3
animation-duration Specifica quanto secondi o millisecondi siano richiesti da una animazione per completare il suo ciclo 3
animation-timing-function Specifica la velocità della animazione 3
animation-delay Specifica quando l'animazione partirà 3
animation-iteration-count Specifica il numero di volte in cui una animazione viene riprodotta 3
animation-direction Specifica se una animazione debba essere riprodotta a ciclo contrario 3
animation-play-state Specifica se l'animazione è in funzione o in pausa 3
CSS 3
Animazione

Proprietà dello sfondo

Proprietà Descrizione CSS
background-clip Specifica l'area di disegno di uno sfondo 3
background-origin Specifica l'area di posizionamento delle immagini di sfondo 3
background-size Specifica la dimensione delle immagini di sfondo 3

Proprietà dei Bordi & Outline

Proprietà Descrizione CSS
border-bottom-left-radius Definisce l'arrotondamento dell'angolo sinistro inferiore 3
border-bottom-right-radius Definisce l'arrotondamento dell'angolo inferiore destro 3
border-image Proprietà cumulative per l'immagine dei bordi 3
border-image-outset Specifica di quanto l'immagine dei bordi debba uscire dall'area dei contenuti 3
border-image-repeat Specifica se l'immagine dei bordi debba essere ripetura, arrotondata o espansa 3
border-image-slice Specifica di quanto l'immagine possa occupare l'area interna dei contenuti 3
border-image-source Specifica una immagine da usare come bordo 3
border-image-width Specifica l'ampiezza dell'immagine del bordo 3
border-radius Proprietà cumulativa per configurare il raggio di arrotondamento dei quattro bordi 3
border-top-left-radius Definisce l'arrotondamento dell'angolo sinistro superiore 3
border-top-right-radius Definisce l'arrotondamento dell'angolo destro inferiore 3
box-decoration-break   3
box-shadow applica una o più ombre ad un box 3

Proprietà di un Box

Proprietà Descrizione CSS
overflow-x Specifica se mostrare il contenuto che ecceda le dimensioni di un box 3
overflow-y Specifica se mostrare il contenuto che ecceda le dimensioni di un box 3
overflow-style Specifica il metodo di scorrimento preferito per elementi che si sovrappongono 3

Proprietà colore

Proprietà Descrizione CSS
color-profile Permette di specificare un profilo sorgente colore diverso da quello di default 3
opacity Configura il livello di opacità per un elemento 3

Proprietà di un box flessibile

Proprietà Descrizione CSS
box-align Specifica come allineare l'elemento figlio di un box 3
box-direction Specifica in quale direzione il figlio di un box debba essere mostrato 3
box-flex Specifica se il figlio di un box debba essere flessibile o inflessibile nelle dimensioni 3
box-flex-group Assegna elementi flessibili ad un flex groups 3
box-ordinal-group Specifica l'ordine di visualizzazione degli elementi figli in un box 3
box-orient Specifica se gli elementi figli di un box debbano essere mostrati orizzontalmente o verticalmente 3
box-pack Specifica la posizione orizzontale del contenuto di un box orizzontale e verticale in un box verticale 3

Font Properties

Proprietà Descrizione CSS
@font-face Una regola che consente ad un sito di scaricare e usare fonts al di fuori dei font "web-safe" 3
font-size-adjust Conserva la leggibilità se dovessero mancare i font dichiarati 3
font-stretch Seleziona un aspetto normale, condensato od espanso di una famiglia di fonts 3

Proprietà dei contenuti generati

Proprietà Descrizione CSS
crop Allows a replaced element to be just a rectangular area of an object, instead of the whole object 3
move-to Causes an element to be removed from the flow and reinserted at a later point in the document 3
page-policy Determines which page-based occurance of a given element is applied to a counter or string value 3

Proprietà Marquee

Proprietà Descrizione CSS
marquee-direction Configura la direzione del movimento dei contenuti 3
marquee-play-count Configura in quanto tempo di deve muovere il contenuto 3
marquee-speed Configura quanto velocemente debba muoversi il contenuto 3
marquee-style Configura lo stile del contenuto in movimento 3

Proprietà multicolonna

Proprietà Descrizione CSS
column-count Specifica il numero di colonne in cui un elemento deve essere suddiviso 3
column-fill Specifica come dividere le colonne 3
column-gap Specifica la distanza tra colonne 3
column-rule Una proprietà per configurare tutte le proprietà delle righe tra colonne 3
column-rule-color Specifica il colore delle righe tra colonne 3
column-rule-style Specifica lo stile delle righe tra colonne 3
column-rule-width Specifica l'ampiezza delle righe tra colonne 3
column-span Specifica quante colonne un elemento dovrebbe accomunare 3
column-width Specifica la larghezza delle colonne 3
columns Una scorciatoia per configurare la larghezza e il numero delle colonne 3

Proprietà multimediali

Proprietà Descrizione CSS
fit Offre opzioni per come scalare un elemento sostituito, se non sono definite automaticamente la sua larghezza ed altezza 3
fit-position Determina l'allineamento di un oggetto all'interno del box 3
image-orientation Specifica una rotazione in senso orario o antiorario che un user agent applica ad una immagine 3
page Specifica un particolare tipo di pagina dove un elemento DOVREBBE essere visualizzato 3
size Specifica le dimensioni e l'orientamento del box contenitore per il contenuto della pagina 3

Proprietà vocali

Proprietà Descrizione CSS
mark   3
mark-after   3
mark-before   3
phonemes Specifica una pronuncia fonetica per un testo contenuto in un elemento 3
rest   3
rest-after   3
rest-before   3
voice-balance Specifica l'equilibrio tra i canali destro e sinistro 3
voice-duration Specifica quanto debba essere lunga la riproduzione per i contenuti di un elemento selezionato 3
voice-pitch Specifica la frequenza di una voce riprodotta 3
voice-pitch-range Specifica la variazione nei picchi 3
voice-rate Controlli sulla velocità di riproduzione 3
voice-stress Indica la forza e l'enfasi da applicare 3
voice-volume Si riferisce alla ampiezza di un'onda di output per il sintetizzatore vocale 3

Proprietà del testo

Proprietà Descrizione CSS
hanging-punctuation Specifica se possa essere piazzato un carattere di punteggiatura al di fuori della linea del contenitore 3
punctuation-trim Specifica se un carattere di punteggiatura possa essere di ornamento 3
text-align-last Descrive come l'ultima riga di un blocco o una linea accanto ad una interruzione di riga, sia allineata quando il text-align sia "giustificato" 3
text-justify Specifica il metodo di giustificazione impiegato quando l'allineamento del testo sia "giustificato" 3
text-outline Specifica un testo fuori riga 3
text-overflow Specifica cosa dovrebbe accadere quando il contenuto testuale sovrasta l'elemento di contenimento 3
text-shadow Aggiunge un'ombra al testo 3
text-wrap Specifica la regola di interruzione di riga per un testo 3
word-break Specifica le regole di interruzione per script non-CJK 3
word-wrap Consente alle parole lunghe e non interrompibili, di essere interrotte e andare alla riga successiva 3

Proprietà di trasformazione 2D/3D

Proprietà Descrizione CSS
transform Applica una trasformazione 2D o 3D ad un elemento 3
transform-origin Permette di cambiare la posizione ad elementi trasformati 3
transform-style Specifica come gli elementi annidati sono renderizzati in spazi 3D 3
perspective Specifica la prospettiva con cui gli elementi 3D, sono visualizzati 3
perspective-origin Specifica la posizione bassa degli elementi 3D 3
backface-visibility Definisce se un elemento debba essere visibile quando non girato verso lo schermo 3

Proprietà di transizione

Proprietà Descrizione CSS
transition Una proprietà scorciatoia per configurare le quattro proprietà di transizione 3
transition-property Specifica della proprietà CSS dell'effetto di transizione 3
transition-duration Specifica quanti secondi o millisecondi siano necessari affinché gli effetti della transizione siano completi 3
transition-timing-function Specifica la curva di velocità dell'effetto di transizione 3
transition-delay Specifica quando l'effetto di transizione debba avviarsi 3

Proprietà dell'interfaccia utente

Proprietà Descrizione CSS
appearance Consente di rendere un elemento simile ad un elemento standard dell'interfaccia utente 3
box-sizing Consente di definire alcuni elementi occupanti una certa area in un certo modo 3
icon Fornisce all'autore la capacità di stilizzare un elemento con un equivalente ad icona 3
nav-down Specifica dove navigare quando si usa la chiave freccia-giu 3
nav-index Specifica l'ordine di tabbing per un elemento 3
nav-left Specifica dove navigare quando si usa la chiave freccia-sinistra 3
nav-right Specifica dove navigare quando si usa la chiave freccia-destra 3
nav-up Specifica dove navigare quando si usa la chiave freccia-su 3
outline-offset Sposta fuori una outline 3
resize Specifica se un elemento sia ridimensionabile dall'utente 3

Linux Guide | Torna in alto