46 258
contributi
Differenze tra le versioni di "Aiuto:Manuale di stile/Avanzato"
Aiuto:Manuale di stile/Avanzato (visualizza wikitesto)
Versione delle 13:30, 25 set 2018
, 13:30, 25 set 2018→Stili CSS comuni
|
* <code>padding</code>: indica lo spazio tra il bordo del <code>div</code> ed il suo contenuto. Il padding può avere valori diversi nelle quattro direzioni, [https://developer.mozilla.org/en-US/docs/Web/CSS/padding#Syntax questa pagina] contiene i dettagli.
* <code>margin</code>: indica lo spazio fra il <code>div</code> e ciò che lo circonda. Anche il margin può avere valori diversi nelle quattro dimensioni, con la stessa sintassi del padding.
* <code>background</code>: permette di ottenere uno sfondo a tinta unita anziché un gradiente: si può specificare un colore esistente scrivendo <code><nowiki>{{#invoke: colore | qualcosa}}</nowiki></code> (scrivendo il colore voluto al posto di <code>qualcosa</code> ed eventualmente aggiungendo <code>| light</code> o <code>| dark</code>), oppure l'esadecimale corrispondente al colore voluto. In entrambi i casi il valore deve essere preceduto da <code>#</code>. Se si vuole uno sfondo bianco usare la classe <code>white-bg</code> (descritta nel prossimo paragrafo).
* <code>color</code>: permette di cambiare il colore del testo
* <code>height</code>: in teoria permette di impostare l'altezza dell'elemento. In pratica viene usata solo con valore "<code>height: 100%;</code>" per forzare un elemento ad avere l'altezza del padre, anche se non funziona nel modo semplice che ci si aspetta. Vedere la sezione su tricks e workarounds per più dettagli.
<nowiki>
<div style="background: #{{#invoke: colore | fuoco | dark}}; color: #
</nowiki>
<div style="background: #{{#invoke: colore | fuoco | dark}}; color: #
Per capire esattamente cos'è successo a questo elemento, consiglio di usare l'inspector del browser. Esistono due metodi per aprire l'inspector:
| |||