SitePoint Sponsor

User Tag List

Results 1 to 7 of 7
  1. #1
    SitePoint Wizard
    Join Date
    Mar 2002
    Location
    Bristol, UK
    Posts
    2,240
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Question Is this possible with CSS?

    Hi,

    I want to know if it is possible to have text with a different border colour to the fill colour. Basically the text just needs to be hollow. I have tried defining the BORDER attribute with CSS but this just draws an ugly rectangular border around the text which I don't want.

    Can anyone help here please? Thanks in advance.

    -Sam
    Sam Hastings

  2. #2
    Old Fogey mancroft's Avatar
    Join Date
    Oct 2002
    Location
    lost
    Posts
    445
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Off the top of my head, i don't think it's possible.
    :

    :

  3. #3
    SitePoint Wizard Bill Posters's Avatar
    Join Date
    Dec 2001
    Location
    UK
    Posts
    1,523
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I was a little confused by what you were after until I realised that you're actually referring to 'outlined text' aka 'stroked text', not border.

    And mancroft is right.

    Outline in this context is not to be confused with CSS outline which is meant for emphasising elements (kinda like a second border effect).
    It will not be able to produce the form hugging effect that you are after.
    At present, support for this attribute is (effectively) non-existant.
    Info.

    If outlined text ever becomes a part of the W3C CSS spec*, then it is most likely to turn up as an addition to the font-style attribute.
    (* I hope not)

    Until then, the only way to do it would be with an image file format that supports transparency.
    New Plastic Arts: Visual Communication | DesignateOnline

    Mate went to NY and all he got me was this lousy signature

  4. #4
    Grumpy Mole Man Skunk's Avatar
    Join Date
    Jan 2001
    Location
    Lawrence, Kansas
    Posts
    2,067
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    This is definitely not possible with standard CSS. You can probably do it just for IE by using IE filters, but I don't know (or want to know) how that would be achieved. Have a dig around http://msdn.microsoft.com/

  5. #5
    Former Staff Member silver trophy Adam P.'s Avatar
    Join Date
    Apr 2001
    Location
    San Francisco
    Posts
    3,288
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    If you have seen it on the web, it was most likely done with a graphics program.
    SPF Mentor/Advisor 2001-2003
    SPF Designer of the Year 2002
    SPF Graphic Designer of the Year 2003
    AdamPolselli.com

  6. #6
    SitePoint Evangelist
    Join Date
    Jul 2001
    Location
    UK
    Posts
    407
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Think there's some shadow CSS for text, which you could adjust the 'offset' of to give a stroke. Haven't tested it though.

  7. #7
    Old Fogey mancroft's Avatar
    Join Date
    Oct 2002
    Location
    lost
    Posts
    445
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    The nearest that you will get to it is:

    http://www.dynamicdrive.com/dynamicindex10/3dtext.htm
    :

    :


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •