I Parametri  

0
68

Sono quei valori che vanno specificati negli attributi e variano a seconda dell’attributo usato. Nelle tabelline riportate sotto è possibile rendersi conto di come possono essere espressi, alcuni di essi sono equivalenti, producono cioè lo stesso risultato, in questo caso sarete voi a decidere quale adoperare in base ai vostri gusti necessità ed abitudini.

Unità di misura:

Ho adoperato l’attributo font-size: esempio; con i valori ed i parametri riportati nella colonna risultato.

Unità di misura Descrizione Esempio Risultato
cm Centimetri font-size: 1cm; Risultato
mm Millimetri font-size: 7mm; Risultato
in Pollici font-size: 0,25in; Risultato
pt Punti font-size: 12pt; Risultato
pc Pica(=12 punti) font-size: 2pc; Risultato
px Pixel font-size: 25px; Risultato
em Lun. lettera m font-size: 2,5em; Risultato
ex Altezza carattere x font-size: 3ex; Risultato

Torna ad inizio pagina


 

Valori assoluti:

Ho adoperato l’attributo font-size: valore; con i valori ed i parametri riportati nella colonna risultato.

 

Valore Sintassi descrizione Risultato
xx-small font-size: xx-small; Risultato
x-small font-size: x-small; Risultato
small font-size: small; Risultato
medium font-size: medium; Risultato
large font-size: large; Risultato
x-large font-size: x-large; Risultato
xx-large font-size: xx-large; Risultato

Torna ad inizio pagina


 

Valori relativi:

Ho adoperato l’attributo font-size: valore; con i valori ed i parametri riportati nella colonna risultato.

 

Valore Sintassi descrizione Risultato
smaller font-size: smaller; Risultato
larger font-size: larger; Risultato

Torna ad inizio pagina


Colori:

Ho adoperato l’attributo color: valore; con i valori ed i parametri riportati nella colonna risultato.

 

Valore Sintassi descrizione Risultato
nome color: green Risultato
valore esadecimale color: #008000; Risultato
valore RGB color: rgb(0,128,0); Risultato
percentuale RGB color: rgb(0%,50%,0%); Risultato

Torna ad inizio pagina


 

Posizionamento Box

Attributi e Parametri per definire e posizionare un box, esempio di riferimento:

<div style=”position: absoluteleft: 100pxtop: 50pxz-indez: 5;”> contenuto </div>

con valori e parametri riportati nella tabella sotto.

Attributo Parametro Descrizione
position absolute – static – relative Il modo in cui può essere posizionato un box contenitore.
left cm – mm – in – pt – pc – px – ex – em la distanza del contenitore dal margine sinistro della finestra del browser.
top cm – mm – in – pt – pc – px – ex – em la distanza del contenitore dal margine superiore della finestra del browser.
height cm – mm – in – pt – pc – px – ex – em Altezza del contenitore se posizionato in modo absolute.
width cm – mm – in – pt – pc – px – ex – em Larghezza del contenitore se posizionato in modo absolute.
overflow visible – hidden – scroll Contenuto che supera Larghezza Altezza del box contenitore.
visibility visible – hidden – Visibilità o meno di un box contenitore.
Z-index xx (numeri positivi) L’ordine di priorità di visualizzazione di un box contenitore.

 

Continua: La Stampa

Se avete domande da fare potete scrivere sul forum di supporto, gratuito e aperto a tutti.

PS: vuoi imparare a usare l'HTML come un vero professionista in pochissimo tempo?

Segui il miglior video corso di HTML

corso HTML5

Impara la tecnologia che sta ALLA BASE del mondo Internet di oggi, in particolar modo se vuoi creare siti facilmente indicizzabili e responsive.

12345
33 Recensioni, aggiornato l'8 agosto 2018

CONDIVIDI
Articolo precedenteGli attributi per gli stili
Prossimo articoloLa stampa su carta
La nostra redazione è costantemente impegnata nel ricercare fonti attendibili e produrre contenuti informativi, guide e suggerimenti utili gratuiti per i lettori di questo sito.

LASCIA UN COMMENTO

Please enter your comment!
Please enter your name here