Aiuto:Tabelle

Da WikiAppunti.

Proprietà CSS ammesse nel tag <style>[modifica]

  • width: definisce la larghezza della tabella. Può essere espresso in px, em o % (ad esempio 200px, 15em o 50%).
Se il parametro non è specificato assume la larghezza del testo contenuto nelle celle.
  • float: definisce l'allineamento generale della tabella (right, center o left).
Se il parametro non è specificato si allinea automaticamente a sinistra.
  • text-align: definisce l'allineamento del testo all'interno della tabella (right, center o left).
Se il parametro non è specificato il testo si allinea automaticamente a sinistra (o rimane giustificato, se nelle proprie preferenze di MediaWiki la giustificazione del testo è abilitata).
  • font-size: definisce la dimensione del carattere, per usare i caratteri piccoli inserire 90%.

Esempi[modifica]

Scrivendo:

{| class=wikitable
! colonna1 riga1 || colonna2 riga1
|-
| colonna1 riga2 || colonna2 riga2
|}

Si ottiene:

colonna1 riga1 colonna2 riga1
colonna1 riga2 colonna2 riga2

Scrivendo:

{| class=wikitable style="float: right;"
! colonna1 riga1 || colonna2 riga1
|-
| colonna1 riga2 || colonna2 riga2
|}

Si ottiene:

colonna1 riga1 colonna2 riga1
colonna1 riga2 colonna2 riga2

Scrivendo:

{| class=wikitable style="width: 99%; text-align: center;"
! colonna1 riga1 || colonna2 riga1 || colonna3 riga1
|- style="background-color:#EFEFEF"
|style="background-color:lightgreen"| colonna1 riga2 || colonna2 riga2 || colonna3 riga2
|-
|colspan="2"| colonna 1+2 riga3 ||style="background-color:lightblue"| colonna3 riga3
|}

Si ottiene:

colonna1 riga1 colonna2 riga1 colonna3 riga1
colonna1 riga2 colonna2 riga2 colonna3 riga2
colonna 1+2 riga3 colonna3 riga3

Scrivendo:

{| class=wikitable
!rowspan="3"| Cella 1, riga 1,2,3
| Cella 2, riga 1
|-
| Cella 3, riga 2
|-
| Cella 4, riga 3
|-
!rowspan="2"| Cella 5, riga 4,5
| Cella 6, riga 1
|-
| Cella 7, riga 2
|}

Si ottiene:

Cella 1, riga 1,2,3 Cella 2, riga 1
Cella 3, riga 2
Cella 4, riga 3
Cella 5, riga 4,5 Cella 6, riga 1
Cella 7, riga 2