Cari signori dei CSS3, vorrei tanto che, oltre a tutte le segate su cui state lavorando, implementaste la proprietà outline in modo tale che funzionasse similmente a border. Mi piacerebbe davvero molto poter fare questo:
- outline-top: 1em solid #000;
- outline-bottom: 1em dashed #ff0000;
- outline-left: 1em dotted #ccc;
- outline-right: 1em;
- outline: 1em 2em 3em 4em;
Vi prego cari signori, non dovrebbe essere troppo difficile. Se non lo farete sarò costretto a chiedere a Babbo Natale di prendervi a calci.
7 commenti
ahah che post carino hihi
non li avevo mai usati, in pratica cosa fanno (sul browser che li legge correttamente)?
Outline serve per dare un contorno all’elemento. la parte bella è che questo contorno è slegato dal flusso del documento e si applica oltre il bordo definito da border.
È una proprietà, secondo me, molto utile in determinati ambiti ma che è pochissimo utilizzata (è proprio sconosciuta).
L’unico difetto è che il contorno si definisce per tutto il perimetro dell’elemento, e non si può controllarlo lato per lato.
Ah, è perfettamente cross-browser.
cioè quindi se dai un outline all’elemento non è da contare in termini di pixel per la costruzione del layout?
Più o meno. In sostanza non concorre nel boxmodel dell’elemento e può andare a sovrapporre altre parti del layout etc.
interessante…sarebbe davvero da indicare al gruppo di lavoro del CSS3!
Hai ragione, potrebbe tornare utile.. Anche se principalmente io l’ho sempre solo usata per nasconderla :P
Questa cosa che è slegata dal flusso della pagina mi intriga tantissimo. Ancora sto esplorando le possibili applicazioni… se ti venisse qualche idea ti prego di condividerla!!