Avatar billede Slettet bruger
12. maj 2002 - 14:19 Der er 11 kommentarer og
1 løsning

Stroked text i CSS

Er det muligt, at sætte stoke på en given tekst med CSS?

med "stroke" mener jeg den effekt, der laver en streg/linie langs alle kanter på det objekt man "stroker" (i dette tilfælde en tekst), altså en "outline om man vil. Man kan gøre det i photoshop ved en tekst, men i dette tilfælde kommer teksten fra en database, og jeg kan derfor ikke bruge grafik.

Jeg mener ikke det kan lade sig gøre, men hvis der skulle være nogle derude, der ved hvorddan, ville jeg gerne have et lille hint.

På forhånd tak.
Avatar billede -mundi- Nybegynder
12. maj 2002 - 14:21 #1
overstreg {
    text-decoration : line-through;
}
Avatar billede jakoba Nybegynder
12. maj 2002 - 14:21 #2
<span style="border:1px solid red">din tekst</span>

mvh JakobA
Avatar billede jakoba Nybegynder
12. maj 2002 - 14:22 #3
PS: men hvis der er linieskift i din tekst ser det åndsvagt ud :(
Avatar billede -mundi- Nybegynder
12. maj 2002 - 14:23 #4
hmmm det var vist ikke lige den effekt du ville have, vil du have teksten stående i en "rektangel" altså linier hele vejen rundt om teksten ?
Avatar billede Slettet bruger
12. maj 2002 - 14:28 #5
nej det var ikke lige det jeg søgt.. men tak aliggevel

Jeg har lagt et billede op, der viser hvad jeg mener: hvid tekst med sort kant.

Kig på: http://www.bugz.dk/1.gif
Avatar billede Slettet bruger
12. maj 2002 - 14:30 #6
.. og se bort fra kvaliteten af det billede.. det gik hurtigt, og jeg forstørrede den lige for at man bedre kunne se :o)

Jeg er ude efter at lave det samme.. i CSS (eller html)
Avatar billede jakoba Nybegynder
12. maj 2002 - 14:33 #7
Der tror jeg du kommer til at lave din egen font til den tekst der akl være 'stroked' :(

men det er tror, ikke ved. så vent og se.
Avatar billede Slettet bruger
12. maj 2002 - 14:35 #8
som sgt mener jeg heller ikke selv, at der lader sig gøre, men det kunne jo være der sad en ekspert derude, der kender en metode.
Avatar billede tjacob Juniormester
12. maj 2002 - 16:33 #9
Jeg ved det ikke præcist er dette du søger, men her er der en effekt der er lavet med JavaScript, som måske kan modificeres til Stroke:

http://webdeveloper.earthweb.com/repository/javascripts/2001/12/68991/1color.htm
Avatar billede killifish Nybegynder
12. maj 2002 - 18:08 #10
.hopla {
text-decoration:overline, underline;
border-left:1px solid red;
border-right:1px solid red;
}

<p class="hopla">Så skulle den være fjong. Jeg har dog ikke testet det.</p>
Avatar billede lerchedahl Nybegynder
13. maj 2002 - 12:23 #11
killifish fatter hat
Avatar billede Slettet bruger
13. maj 2002 - 15:21 #12
tjacob: jeg må sige, at jeg kom meget tæt på noget brugbart med den URL skrev, men efter at have rodet med det, det meste af i dag, må jeg konstatere, at browserne i dag nok ikke er klar til at renere en tekst med "stroke" eller "outline", selvom det faktisk findes i CSS. (style="outline 1px solid #000000;") .. dette understøttes dig ikke i InternetExlorer 6

Nu har jeg desværre givet op... men tak for hjælpen til jer alle!
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