Definire colore dell'outset

[§sunmoon§]

Ciao a tutti
E' possibile specificare il colore dello style outset dei bordi, singolarmente?
Perchè ho visto che dando un colore del tipo:

.bordo { border: 3px outset #7B693E; }

non riesco ad avere un controllo preciso su quello che sarà il risultato, perchè i colori vengono opacizzati di default..
E' possibile definirlo?

Grazie mille

[andrea.paiola]

border-left, border-right, border-bottom, border-top
prima di postare una lettura delle guide e delle specifiche sarebbe meglio

[§sunmoon§]

No, non hai capito.

So che esistono quelle proprietà,
ma prova ad applicarle mettendo come style "outset" o "inset".
Questi due style vanno a modificare l'opacità del colore assegnato:

se io faccio una cosa del genere:

.border {
border-top: 3px outset #F00;
border-left: 3px outset #F00;
border-bottom: 3px outset #000;
border-right: 3px outset #000;
}

il rosso ed il nero non saranno "puri" ma virati a seconda dell'opacità che i browser mettono di default per interpretare i bordi delle tabelle (per esempio).

Io, invece, vorrei poter controllare ESATTAMENTE il colore da assegnare come ombra esterna (per esempio).

[andrea.paiola]

non avevi parlato di tabelle... ma con quale browser?

[§sunmoon§]

Non ci siamo capiti...
Il bordo con lo style "outset" viene interpretato dai browser (IE, FF e Opera) COME i bordi delle tabelle, non che lo è.


Mi rispiego:
ho un div così nell'HTML:

<div class="bordo">Ciao</div>

Nel CSS la class "bordo" è definita così:

.bordo {
border-top: 3px outset #F00;
border-left: 3px outset #F00;
border-bottom: 3px outset #000;
border-right: 3px outset #000;
}

Ora...
Compare un bordo attorno al div, SIMILE a quello interpretato di default per le table (con il piccolo smussino).
Questo bordo ha un'area opaca chiara ed una scura (per creare il tipico effetto rilievo)...
Ecco: questi due colori vengono ALTERATI senza possibilità di controllo (o se c'è, è proprio quella che mi serve scoprire) e vengono virati su una bassa o alta opacità a seconda della posizione (top e left sono + CHIARI del colore assegnato e right e bottom + SCURI).

Quello che ri-ri-chiedo è se sia possibile definire ESATTAMENTE il colore che voglio utilizzare per creare l'effetto rilievo e/o l'ombra.

Più di così non so spiegarmi ^^'

[Darkness11]

dipende dal browser
se metti quel css con firefox ti fa vedere il bordo in alto e il bordo a sinistra opachi mentre quello a destra e quello in basso a colore pieno
internet explorer invece te li fa vedere tutti uguali, a colore pieno
c'è un modo per farli venire come vuoi tu col css, però non con l'attributo outset, bensì con l'attributo solid...
così

border:1 px solid #FF0000;

così si colorerà il bordo di tutta la casella di rosso e tutti i lati a colore pieno
prova e fammi sapere