CSS border less than 1px

Question

Possible Duplicate    HTML  Sub-pixel border       The default border 1px is too big  However  border  0 5px solid  is not working   Is there a CSS solution that would make the border half the size

User · Answer

It s impossible to draw a line on screen that s thinner than one pixel  Try using a more subtle color for the border instead

User · Answer

A pixel is the smallest unit value to render something with  but you can trick thickness with optical illusions by modifying colors  the eye can only see up to a certain resolution too   Here is a test to prove this point   x000D   x000D  div   border-color  blue  border-style  solid  margin  2px     div b1   border-width  1px    div b2   border-width  0 1em    div b3   border-width  0 01em    div b4   border-width  1px  border-color  rgb 160 160 255     x000D   lt div class  b1  gt Some text lt  div gt   lt div class  b2  gt Some text lt  div gt   lt div class  b3  gt Some text lt  div gt   lt div class  b4  gt Some text lt  div gt  x000D   x000D   x000D   Output  Which gives the illusion that the last DIV has a smaller border width  because the blue border blends more with the white background   Edit  Alternate solution Alpha values may also be used to simulate the same effect  without the need to calculate and manipulate RGB values   x000D   x000D   container     border-style  solid    border-width  1px       margin-bottom  10px      border-100   border-color  rgba 0 0 255 1      border-75   border-color  rgba 0 0 255 0 75      border-50   border-color  rgba 0 0 255 0 5      border-25   border-color  rgba 0 0 255 0 25     x000D   lt div class  container border-100  gt Container 1  alpha   1  lt  div gt   lt div class  container border-75  gt Container 2  alpha   0 75  lt  div gt   lt div class  container border-50  gt Container 3  alpha   0 5  lt  div gt   lt div class  container border-25  gt Container 4  alpha   0 25  lt  div gt  x000D   x000D   x000D

User · Answer

The minimum width that your screen can display is 1 pixel  So its impossible to display less then 1px  1 pixels can only have 1 color and cannot be split up

User · Answer

try giving border in   for exapmle 0 1  according to your need

[css] CSS border less than 1px

Examples related to css

Examples related to border