Avatar billede hono Nybegynder
29. marts 2003 - 20:57 Der er 15 kommentarer og
1 løsning

outline på tekst

Er det muligt med css at lave en 1px tyk outline på sin tekst?
Avatar billede codemasterz Nybegynder
29. marts 2003 - 21:08 #1
Lytter lige med! :)
Avatar billede bearhugx Nybegynder
29. marts 2003 - 21:13 #2
<span style="border:1px solid red;"> Noget tekst i en rød kasse - er det det, som spørges om ??? <span>
Avatar billede tangveje Nybegynder
29. marts 2003 - 21:19 #3
Eller måske <span style="text-decoration : outline ;">Tekst</span>
Avatar billede bearhugx Nybegynder
29. marts 2003 - 21:24 #4
tangveje >> text-decoration->"outline" ... hvor har du lige den fra...

Jeg kan se følgende text-decoration-muligheder
'text-decoration'
  Value:  none | [ underline || overline || line-through || blink ] | inherit
Avatar billede tangveje Nybegynder
29. marts 2003 - 21:26 #5
Hmm, mente bestemt... Nå, må så være line-through jeg har tænkt på :)
Avatar billede bearhugx Nybegynder
29. marts 2003 - 21:27 #6
ellers henviser jeg lige til
  http://www.w3.org/TR/REC-CSS2/ui.html#dynamic-outlines

<span style="outline: 1px solid red"> ... bla bla bla... </span>
Avatar billede bearhugx Nybegynder
29. marts 2003 - 21:28 #7
outline er forskellig fra border på den måde (taget fra w3c) :
  Outlines do not take up space.
  Outlines may be non-rectangular.  (?? <-- interessant...)
Avatar billede hono Nybegynder
29. marts 2003 - 23:11 #8
bearhugx >> Nej det var ikke lige sådan jeg mente. Jeg mente sådan en "border" der ligger helt tæt til bogstaverne. Altså lige som hvis man i photoshop bruger stroke-funktionen under "layer style"

Hono
Avatar billede connie Nybegynder
29. marts 2003 - 23:40 #9
Hvis du mener Outline fonts som her: http://www.onescrappysite.com/fonts/outline.htm
så nej, det kan ikke laves med css, men du kan da hente de pågældende fonte.
Avatar billede hono Nybegynder
30. marts 2003 - 03:24 #10
k, takker for hjælpen. Giv mig et svar hvis I skal have points

Hono
Avatar billede bearhugx Nybegynder
30. marts 2003 - 03:38 #11
Jeg ville have forslået text-shadow ( http://www.w3.org/TR/REC-CSS2/text.html#text-shadow-props )- men har nu afprøvet koden i både IE Mozilla og Opera og den virker ingen af stederne (åbenbart!)
Der kunne du eller have fået noget, som ligner en "outline" effekt...

Ellers kan jeg ikke lige se, hvordan du kan få den til at virke...
Avatar billede hono Nybegynder
30. marts 2003 - 03:39 #12
bearhugx >> Jeg fik samme tanke for lidt siden, og det virkede også nogenlunde i IE, men det blev alt for "pixeleret" og gnidret, så jeg droppede det igen.

Hono
Avatar billede bearhugx Nybegynder
30. marts 2003 - 03:42 #13
fik du text-shadow til at virke  !!! -... jeg fik ikke en skid - kun at teksten TEST stod med lige så normale bogstaver som alt andet...

Kan du evt. lige poste noget kode, hvor du får det til at virke - for hvis du kan - og jeg ikke kan (i nogen browser)  - så er det sikkert min kode, der er noget i vejen med...
Avatar billede hono Nybegynder
30. marts 2003 - 14:04 #14
k, 2 sek, genskaber lige koden
Avatar billede hono Nybegynder
30. marts 2003 - 14:10 #15
<span style="position:relative;width:100%;filter:dropshadow(offx=1, offy=1, color=#000000) dropshadow(offx=-1, offy=-1, color=#000000)">Tekst</span>
Avatar billede bearhugx Nybegynder
30. marts 2003 - 14:15 #16
ahhhhh.... du bruger filter, så kan jeg bedre forstå det... - det er jo ikke standard CSS  - det vil kun virke i IE -browsere....

Jeg undres dog over at jeg ikke kan få CSS propertyen text-shadow til at virke...

Nuvel -- jeg lader det ligge - det er ikke supervigtigt...
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester