Solved

CSS - border-width: hairline; Is this achievable?

Posted on 2011-02-11
5
3,090 Views
Last Modified: 2012-05-11
I'm looking for a border width that's thinner than border-width: thin;  How do I do it?

0
Comment
Question by:jdana
5 Comments
 
LVL 18

Assisted Solution

by:Eternal_Student
Eternal_Student earned 100 total points
ID: 34872749
NO, thin is as small as it gets.
0
 

Author Comment

by:jdana
ID: 34872898
Can I get away with fractional points or pixels?  (ex. 0.5px or 0.5pt?)
0
 
LVL 40

Assisted Solution

by:gurvinder372
gurvinder372 earned 100 total points
ID: 34872910
border-width:1px; is the smallest possible one
0
 
LVL 14

Accepted Solution

by:
Designbyonyx earned 300 total points
ID: 34873007
Unfortunately a you can't get smaller than a single pixel.  A good technique to sort of imply a thinner line is to use a lighter color.  If you want a really thin black border, then use a 1px grey border.

border: 1px solid #999;
0
 

Author Closing Comment

by:jdana
ID: 34873689
Designbyonyx,

Great suggestion!  It now looks sharp.

Thanks.
0

Featured Post

DevOps Toolchain Recommendations

Read this Gartner Research Note and discover how your IT organization can automate and optimize DevOps processes using a toolchain architecture.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Title # Comments Views Activity
css, html 5 42
How to make a moving character 3 57
Increase the size of the modal in Bootstrap 5 27
CSS issue in Nested Master Pages 9 13
This article describes how to create custom column layout styles for Bootstrap. The article uses 5 columns to illustrate the concept, but the principle can be extended to any number of columns.
This article demonstrates how to create a simple responsive confirmation dialog with Ok and Cancel buttons using HTML, CSS, jQuery and Promises
In this tutorial viewers will learn how to style a corner ribbon overlay for an image using CSS Create a new class by typing ".Ribbon":  Define the class' "display:" as "inline-block": Define its "position:" as "relative": Define its "overflow:" as …
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)

777 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question