Search results
Since the initial value of the border styles is 'none', no borders will be visible unless the border style is set. In other words, you need to set a border style (e.g. solid) for the border to show up. border:thin only sets the width. Also, the color will by default be the same as the text color (which normally doesn't look good).
Jan 21, 2017 · Learn how to add a border to a form using CSS on Stack Overflow, with expert advice and community support.
Aug 11, 2012 · Explanation: it adds box shadows (at least 2 of them) after the border (with 0 blur). Manipulate the number of shadows & the width of them according to your need. You can as well use blurring, if required.
Feb 20, 2009 · I also prefer CSS over HTML; HTML is about content, CSS about presentation. With CSS you have three options. Inline CSS (like in Trevor's and Diodeus' solutions). Hard to maintain, and doesn't guarantee consistency: you'll have to check yourself that every image has the same border-width and border-color. Internal stylesheet.
However I needed a CSS solution, not the HTML one. So here it is: table, thead, tbody, tfoot, tr, th, td { padding: 0; border-spacing: 0; } padding is the CSS synonym for HTML cellpadding and border-spacing is respectively for cellspacing. Not quite an obvious thing though.
Jun 20, 2020 · Another problem with this solution, it works for big text only, if I use a small text, like 12 or 16px, the border covers the whole text. – stramin Commented Feb 8, 2023 at 18:57
Sep 8, 2017 · With minor modification: just select the right child and, if required, use border-right: .1rem solid #999; and so on to specify exactly which borders you want to draw. – Siegfried Heide Commented Aug 27, 2022 at 8:44
Mar 7, 2012 · When I was adding a border on the hover state, i got the effects that OP is talking about. The border ads pixels to the dimension of the box which made it jumpy. There is two more ways one can deal with this that also work for IE7. 1) Have a border already attached to the element and simply change the color.
Override to make the background cover the border as well. */ -moz-background-origin: border; background-origin: border-box; /* A transparent border determines the width */ border: 4px solid transparent; border-radius: 8px; box-shadow: inset 0 0 12px #0cc, /* Inset shadow */ 0 0 12px #0cc, /* Outset shadow */ inset -999px 0 0 #fff; /* The background color */ }
May 3, 2015 · You can specify border separately for all borders, for example: #testdiv{ border-left: 1px solid #000; border-right: 2px solid #FF0; } You can also specify the look of the border, and use separate style for the top, right, bottom and left borders. for example: #testdiv{ border: 1px #000; border-style: none solid none solid; }
