-
applelime·
.User deleted
Il bordo si definisce con l' attributo border. Possiamo applicare uno stile a tutti e quattro i lati o stabilire un valore per ciascun lato. CODICE<div style="border: XXpx stile-del-bordo #colore"></div>
In questo caso ho specificato un bordo per quello che può essere uno scheme role o per esempio un riquadro per la firma o per il messaggio di spam. Si può scegliere uno stile anche per i bordi delle tabelle.
In questo codice al posto di XXpx bisogna specificare la larghezza in pixel dei lati, al posto di stile-del-bordo si inserisce quello che sarà l'effetto grafico del bordo e al posto di #colore si inserisce in questo caso la notazione esadecimale del colore. Il colore si definisce con l'attributo color e può anche essere espresso in una di queste parole chiave
black | navy | blue | maroon | purple | green | red | teal | fuchsia | olive | gray | lime | aqua | silver | yellow | white
oppure in notazione RGB dove i valori possono essere espressi in percentuale (da 0% a 100%) o con una scala che va da 0 (il nero) a 255 (il bianco).
Lo stile di un bordo può essere espresso con una delle seguenti parole chiave:
none: l’elemento non presenta alcun bordo e lo spessore equivale a 0
hidden: equivalente a none
dotted: bordo punteggiato
dashed: bordo tratteggiato
solid: bordo solido e continuo
double: bordo solido, continuo e doppio
groove: tipo di bordo in rilievo
ridge: altro tipo di bordo in rilievo
inset: effetto incastonato
outset: effetto sbalzato
Lo stile di ciascun bordo può invece essere definito con una delle seguenti parole chiave:
border-top: bordo superiore
border-bottom: bordo inferiore
border-left: bordo sinistro
border-right: bordo destro
Esempio 1:CODICE<div style="border: 1px solid #e94298"></div>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc laoreet pellentesque elit vitae sollicitudin. Donec dapibus massa ac commodo posuere. Nullam non tincidunt diam, ac convallis nisi.
Esempio 2:CODICE<div style="border: 3px groove lime"></div>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc laoreet pellentesque elit vitae sollicitudin. Donec dapibus massa ac commodo posuere. Nullam non tincidunt diam, ac convallis nisi.
Esempio 3:CODICE<div style="border-top: 1px dotted purple; border-bottom: 3px double #a4a56c; border-left: 1px dashed aqua; border-right: 5px inset #bda770;"></div>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc laoreet pellentesque elit vitae sollicitudin. Donec dapibus massa ac commodo posuere. Nullam non tincidunt diam, ac convallis nisi.
. -
.Whitney. .
User deleted
Ciao!!
Ho messo nel mio forum questo tutorial e i crediti.
Se è un problema dimmelo e lo tolgo.
burdened with glorious purpose ♔ beyondthesky portfolio 
Lo scrigno degli antichi inverni - tutorial html
Proprietà del bordo e dei colori |
