2010-04-12 16 views
18

So che c'è -webkit-gradient e -moz-linear-gradient. Ma qual è il modo standard per definire un gradiente?Esiste una sintassi gradiente "ufficiale"/standard CSS3?

Come c'è: -webkit-border-radius e -moz-border-radius e lo standard deve essere border-radius.

+1

Ecco la sintassi standard, che è ora adottata da IE10, FF16 + e Opera12 + (Webkit a breve, a partire dal 12 dicembre): http://dev.w3.org/csswg/css3-images/#linear -gradients – c69

risposta

4

Non ancora, i due esempi forniti sono gli unici gradienti codificati finora disponibili, per quanto ne so. La maggior parte di miglioramento CSS3 è documentato su CSS3.info

2

E 'cosa buona nessun browser è ancora "standardizzato" su una sintassi linear-gradient ancora, dato che ha cambiato tra febbraio 2011 e gennaio 2012:

Da Valori CSS immagine e sostituito contenuto del modulo Livello 3

W3C Working Draft 17 February 2011

5.1.1. ‘Lineare-gradiente()’ sintassi

<linear-gradient> = linear-gradient(
[ 
    [ [top | bottom] || [left | right] ] 
    | 
    <angle> 
,]? 
<color-stop>[, <color-stop>]+ 
); 

W3C Working Draft 12 January 2012:

4.1.1. linear-gradient() sintassi

<linear-gradient> = linear-gradient(
    [ [ <angle> | to <side-or-corner> ] ,]? 
    <color-stop>[, <color-stop>]+ 
) 

Per rispondere alla tua domanda:

No, non v'è alcuna norma modo per specificare gradienti.

Questo perché non esiste uno standard

E anche se si assume il "standard" è la "standard" che era in vigore quando lei ha chiesto la questione, allora nessun browser supporta il "standard" perché lo "standard" è cambiato e nessun browser supporta il nuovo standard.

+1

Grazie per la lezione! Abbiamo bisogno di un giornale per tenere il passo con la sintassi del gradiente. – JohnK

+0

Potrebbe non essere ancora uno standard poiché non ha raggiunto lo stato del W3C Recommendation, ma è ancora più o meno "ufficiale" perché fa parte della specifica W3C "ufficiale" :) –

Problemi correlati