Comments on: border https://css-tricks.com Tips, Tricks, and Techniques on using Cascading Style Sheets. Wed, 15 Feb 2023 05:17:44 +0000 hourly 1 https://wordpress.org/?v=6.5.5 By: Optimus Prime https://css-tricks.com/almanac/properties/b/border/#comment-1802952 Wed, 15 Feb 2023 05:17:44 +0000 http://css-tricks.com/?page_id=13968#comment-1802952 Hello,

I’m exploring the edges in CSS Properties and found one thing with no absolute solution. When I give border property with some value to an element,
eg:

border: 2px solid red,

the four sides of an element actually not occupies 2px, instead it takes only 1.6px. Where is the rest 0.4px going?

]]>
By: WoodyP https://css-tricks.com/almanac/properties/b/border/#comment-1789541 Thu, 10 Feb 2022 15:54:16 +0000 http://css-tricks.com/?page_id=13968#comment-1789541 Hello,
I am trying to use the Double edge.
How can you indicate the thickness of the lines and the space, in a distinct way?
I searched all over the web, I only found a link that states “border-double-thickness” but only applies it online.
I kept looking for “border-double-thickness”, but I couldn’t find anything.
This is the link
https://www.antennahouse.com/hubfs/xsl-fo-sample/block/axf-border-double-thickness-1.pdf?hsLang=en#

Do you know how to indicate how to do it?
Thank you

]]>
By: Jochanan https://css-tricks.com/almanac/properties/b/border/#comment-1784119 Fri, 22 Oct 2021 11:29:10 +0000 http://css-tricks.com/?page_id=13968#comment-1784119 I’d like to know how you changed the appearance of the scroll bar on the right.

]]>
By: Anuraag Shukla https://css-tricks.com/almanac/properties/b/border/#comment-1776194 Tue, 13 Jul 2021 10:56:34 +0000 http://css-tricks.com/?page_id=13968#comment-1776194 I have to ask shouldn’t the first example be a square?

(not being a nitpicker, just confused)

]]>
By: Jessica https://css-tricks.com/almanac/properties/b/border/#comment-1766935 Sun, 03 Jan 2021 17:21:20 +0000 http://css-tricks.com/?page_id=13968#comment-1766935 Hi Guys. I’d like to know if it’s possible to have percentage colors inside a border with CSS only? Like 3 colors separated… 2% red, 7% green, 91% gray. Something like that but not gradient. Like a progress…

]]>
By: Abhishek Verma https://css-tricks.com/almanac/properties/b/border/#comment-1766469 Mon, 28 Dec 2020 09:58:32 +0000 http://css-tricks.com/?page_id=13968#comment-1766469 I wanted to add a gradient styled color for the border on my website. Anyone knows how to do it.

]]>
By: Yadley https://css-tricks.com/almanac/properties/b/border/#comment-1762851 Thu, 17 Sep 2020 06:34:17 +0000 http://css-tricks.com/?page_id=13968#comment-1762851 Hey Sara, thanks or this great article. Would you happen to know if, by any chance, it is possible to add a height property to a border? Something like https://prnt.sc/uiprv7

]]>
By: Geoff Graham https://css-tricks.com/almanac/properties/b/border/#comment-1729681 Mon, 24 Jun 2019 14:30:43 +0000 http://css-tricks.com/?page_id=13968#comment-1729681 In reply to Nyangayenzou Ashley Dube.

Hey there and thanks for reaching out! Both border and box-shadow are properties that are applied to an element. They work pretty well together, too. :)

For example, you can have an orange bottom border on a box, then apply a dark box shadow on it:


.my-element {
height: 100px;
width: 100px;
border-bottom: orange;
box shadow: 3px 3px 3px #000; /* Sets a black shadow to the right and bottom and blurs it a smidge */
}

]]>
By: Nyangayenzou Ashley Dube https://css-tricks.com/almanac/properties/b/border/#comment-1727845 Sat, 22 Jun 2019 19:37:54 +0000 http://css-tricks.com/?page_id=13968#comment-1727845 i want a shadow for my border-bottom. Help

]]>
By: Farhan https://css-tricks.com/almanac/properties/b/border/#comment-1611249 Tue, 22 Aug 2017 08:41:20 +0000 http://css-tricks.com/?page_id=13968#comment-1611249 this is really very helpfull, thanks guys

]]>
By: C.M. https://css-tricks.com/almanac/properties/b/border/#comment-1597350 Mon, 05 Oct 2015 19:26:58 +0000 http://css-tricks.com/?page_id=13968#comment-1597350 In reply to John Lueders.

Who is this Chris you are trying to speak to?

]]>
By: Robbee https://css-tricks.com/almanac/properties/b/border/#comment-1583499 Tue, 08 Jul 2014 03:23:44 +0000 http://css-tricks.com/?page_id=13968#comment-1583499 Thanks for the help. This site is good when I have trouble making the code right.

]]>
By: cyran https://css-tricks.com/almanac/properties/b/border/#comment-1581225 Thu, 15 May 2014 07:58:52 +0000 http://css-tricks.com/?page_id=13968#comment-1581225 how this site is really helpful but am in agreement with john what about the other styles hidden, dotted, dashed, solid, double, groove, ridge, inset, outset?
why are they not included.

]]>
By: John Lueders https://css-tricks.com/almanac/properties/b/border/#comment-358709 Tue, 09 Apr 2013 17:29:23 +0000 http://css-tricks.com/?page_id=13968#comment-358709 Hi Chris,

Would like to see the list of available border style properties here. Believe that would be helpful.

hidden, dotted, dashed, solid, double, groove, ridge, inset, outset

Also, you insight/opinion on these styles. I see solid, dotted, dashed frequently but not the others…are they going out of style?…are they being deprecated?

All the best,

John

]]>
By: Enrique de Larrazabal https://css-tricks.com/almanac/properties/b/border/#comment-303151 Thu, 14 Mar 2013 12:13:22 +0000 http://css-tricks.com/?page_id=13968#comment-303151 In reply to Druid of Lûhn.

border-radius is a different property, it is not included in the shorthand border, but if you are looking for it, you can also find it in the almanac: https://css-tricks.com/almanac/properties/b/border-radius/

]]>