Comments on: border

By: WoodyP

WoodyP — Thu, 10 Feb 2022 15:54:16 +0000

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

Jochanan — Fri, 22 Oct 2021 11:29:10 +0000

I’d like to know how you changed the appearance of the scroll bar on the right.

By: Anuraag Shukla

Anuraag Shukla — Tue, 13 Jul 2021 10:56:34 +0000

I have to ask shouldn’t the first example be a square?

(not being a nitpicker, just confused)

By: Jessica

Jessica — Sun, 03 Jan 2021 17:21:20 +0000

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

Abhishek Verma — Mon, 28 Dec 2020 09:58:32 +0000

I wanted to add a gradient styled color for the border on my website. Anyone knows how to do it.

By: Yadley

Yadley — Thu, 17 Sep 2020 06:34:17 +0000

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

Geoff Graham — Mon, 24 Jun 2019 14:30:43 +0000

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

Nyangayenzou Ashley Dube — Sat, 22 Jun 2019 19:37:54 +0000

i want a shadow for my border-bottom. Help

By: Farhan

Farhan — Tue, 22 Aug 2017 08:41:20 +0000

this is really very helpfull, thanks guys

By: C.M.

C.M. — Mon, 05 Oct 2015 19:26:58 +0000

In reply to John Lueders. Who is this Chris you are trying to speak to?

By: Robbee

Robbee — Tue, 08 Jul 2014 03:23:44 +0000

Thanks for the help. This site is good when I have trouble making the code right.

By: cyran

cyran — Thu, 15 May 2014 07:58:52 +0000

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

John Lueders — Tue, 09 Apr 2013 17:29:23 +0000

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

Enrique de Larrazabal — Thu, 14 Mar 2013 12:13:22 +0000

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/

By: Druid of Lûhn

Druid of Lûhn — Sun, 18 Dec 2011 17:28:34 +0000

Any more about borders?
border-radius, …