Indice delle proprietà. Valori speciali. Compatibilità

Transcript

1 CSS: sintassi, e valori 29 Valore: 'fontstyle'? 'fontsize' [ /'lineheight' ]? <famigliacaratteri> Valore: <uri> <colore> Valori speciali Nei valori, caratteri come, e / devono essere riportati letteralmente. I nomi di riportati tra apici 'nome' indicano l insieme di tutti i possibili valori assegnabili alla stessa. Compatibilità Alcune non sono totalmente compatibili con tutti i browser. I browser compatibili saranno indicati con abbreviazioni: IE: Internet Explorer (IE/W: IE per Windows, IE/M: IE per Macintosh); NN: Netscape Navigator; M: Mozilla (Firefox, Camino); O: Opera; K: Konqueror; S: Safari. Le diverse versioni saranno indicate con numeri posti di seguito all abbreviazione. Il simbolo + indica anche le versioni successive, il simbolo indica anche le versioni precedenti. Se la versione non è indicata, si intendono tutte le versioni considerate. Le versioni considerate sono IE5+, NN6+, M1+, Op5+. Il simbolo ~ prima della stringa rappresentante il browser indica una compatibilità solo parziale. Se il browser non è indicato significa che non è compatibile. Indice delle Nella sono state utilizzate le seguenti abbreviazioni: Pr: valore predefinito; El: elementi a cui è possibile assegnare la ; LB: elementi a livello di blocco; IL: elementi in linea; R: elementi rimpiazzati; Er: valore ereditabile dagli elementi progenitori; Cp: compatibilità dei browser. Indice delle me Valori Pr El Er Cp background ['backgroundcolor' 'backgroundimage' 'backgroundrepeat' 'backgroundattachment' 'backgroundposition'] TUTTI (segue)

2 30 Capitolo 2 me Valori Pr El Er Cp backgroundattachment backgroundcolor backgroundimage backgroundposition backgroundrepeat border scroll fi xed scroll TUTTI <colore> transparent transparent Per l elemento HTML dipende dal TUTTI <uri> none none TUTTI [ [ <percentuale> <lunghezza>] {1,2} [ [top center bottom] [left center right] ] ] repeat repeatx repeaty norepeat [ 'borderwidth' 'borderstyle' <colore> ] 0% 0% LB e R repeat TUTTI TUTTI bordercollapse collapse separate collapse TABLE bordercolor <colore>{1,4} transparent borderspacing <lunghezza> <lunghezza>? borderstyle [ none hidden dotted dashed solid double groove ridge inset outset ]{1,4} bordertop borderright borderbottom borderleft bordertopcolor borderrightcolor borderbottomcolor borderleftcolor bordertopstyle borderrightstyle borderbottomstyle borderleftstyle bordertopwidth borderrightwidth borderbottomwidth borderleftwidth (continua) [ 'bordertopwidth' 'borderstyle' <colore> ] <colore> TUTTI 0 TABLE NN, O, M, Valore della color TUTTI TUTTI TUTTI 'borderstyle' none O, 'borderwidth' medium borderwidth 'borderwidth'{1,4}

3 CSS: sintassi, e valori 31 me Valori Pr El Er Cp bottom <lunghezza> <percentuale> clear none left right both color <colore> Impostazioni cursor [ [<uri>,]* [ crosshair default pointer move eresize neresize nwresize nresize seresize swresize sresize w resize text wait help ] ] display inline block listitem runin compact marker table inlinetable tablerowgroup tableheadergroup tablefootergroup tablerow tablecolumngroup tablecolumn tablecell tablecaption none none LB TUTTI TUTTI IE,NN, M, O7, tipo di elemento TUTTI ~IE, ~NN, ~M, ~O, ~K, ~S emptycells show hide show TABLE fl oat left right none none tranne elementi in modo assoluto o fisso font [ [ 'fontstyle' 'fontvariant' 'fontweight' ]? 'fontsize' [ / 'lineheight' ]? 'fontfamily' ] caption icon menu messagebox smallcaption statusbar fontfamily [[ <famigliacaratteri> <famigliagenerica> ],]* <famigliacaratteri> <famigliagenerica>] fontsize <misuraassoluta> <misurarelativa> <lunghezza> <percentuale> fontstyle normal italic oblique Vedi individuali Impostazioni ~IE6/W, NN,, TUTTI TUTTI medium TUTTI normal TUTTI fontvariant normal smallcaps normal TUTTI ~IE5+/W, IE5.5+, IE5/M, NN,, fontweight normal bold bolder lighter normal TUTTI (segue

4 32 Capitolo 2 (continua) me Valori Pr El Er Cp height <lunghezza> <percentuale> left <lunghezza> <percentuale> tranne IL e colonne letterspacing normal <lunghezza> normal TUTTI lineheight liststyle liststyleimage liststyleposition liststyletype normal <numero> <lunghezza> <percentuale> [ 'liststyletype' 'liststyleposition' 'liststyleimage' ] normal TUTTI <uri> none none inside outside outside disc circle square decimal decimalleadingzero lowerroman upperroman lowergreek loweralpha lowerlatin upperalpha upperlatin hebrew armenian georgian cjkideographic hiragana katakana hiraganairoha katakanairoha none margin [ <lunghezza> <percentuale> ]{1,4} margintop marginright marginbottom marginleft [ <lunghezza> <percentuale> ] maxheight <lunghezza> <percentuale> none maxwidth <lunghezza> <percentuale> none minheight <lunghezza> <percentuale> minwidth <lunghezza> <percentuale> disc tipo di elemento associato alla e dal none none TUTTI TUTTI 0

5 CSS: sintassi, e valori 33 me Valori Pr El Er Cp overfl ow padding paddingtop paddingright paddingbottom paddingleft visible hidden scroll [ <lunghezza> <percentuale> ]{1,4} [ <lunghezza> <percentuale> ] position static relative absolute fi xed right <lunghezza> <percentuale> textalign textdecoration left right center justify none [ underline overline linethrough blink ] textindent <lunghezza> <percentuale> texttransform capitalize uppercase lowercase none top <lunghezza> <percentuale> verticalalign baseline sub super top texttop middle bottom textbottom <percentuale> <lunghezza> visibility visible hidden collapse visible LB e R ~IE6/W, NN,, Dipende dal tipo di elemento associato alla e dal TUTTI TUTTI static TUTTI ~IE6/W, NN,, e dalla direzione di scrittura LB none TUTTI 0 LB none TUTTI baseline IL e celle di una tabella TUTTI whitespace normal pre nowrap normal LB width <lunghezza> <percentuale> e righe tabella wordspacing normal <lunghezza> normal TUTTI zindex <intero>