Border style code

<p class="solid">Solid</p>
<p class="dotted">Dotted</p>
<p class="dashed">Dashed</p>
<p class="double">Double</p>
<p class="ridge">Ridge</p>
<p class="groove">Groove</p>
<p class="inset">Inset</p>
<p class="outset">Outset</p>
<p class="hidden">Hidden</p>

Hey there @naitikverma141

Can you be more specific about what you need and what you want to achieve?

1 Like

@WindLother I believe that this is spam, judging by other posts made by OP.


@QwertyQwerty88 check this out

Hi, @naitikverma141!
I’m not entirely sure what you mean, but if you want to make a CSS border, then this code would work:

border: 2px <replace_with_border_type> black;

So if you wanted to make a 4px border that is red and dashed, you would do:

border: 4px dashed red;

Hi @naitikverma141!

Do you need code help, or are you providing a resource for other users?


I would just change it to a resource because that’s what it looks like. (Could just be a joke too or something)


Are these all CSS border styles? This could actually be a useful list.


I believe so, these seem to be CSS border styles.


HTML Editor

You can use this online HTML editor to generate HTML code for your own website. You can do all sorts of things with this HTML editor, such as:

  • Create bold or italic text.
  • Change the text color
<!DOCTYPE html>
        <title>My web page</title>
        <h1>Hello, world!</h1>
        <p>This is my first web page.</p>
        <p>It contains a 
             <strong>main heading</strong> and <em> paragraph </em>.

Not one that isn’t easily available online.

<!DOCTYPE html>

<p>This is a paragraph.</p>
<p>This is another paragraph.</p>

 body {
  background-image: url("barn.jpg");

@Firepup650 I don’t understand your edit here. Simply adding classes to elements does not change their border style; that was a list of types of border styles, not HTML code.

Also if all of these are being merged, the original topic should be called Code resources or something of the like.

@boston2029 i merely added a code block around the original post, check the raw edit history.

1 Like

Ohh, I see. Well, this is really confusing because the original list was just a list, so idk why the classes were there.

I only thought to do that once all their newer posts weren’t being wrapped in code blocks.

1 Like
const baseValue = prompt('Enter the base of a triangle: ');
const Height Value = prompt('Enter the height of a triangle: ');

// calculate the area
const Area Value = (Base Value * Height Value) / 2;

  `The area of the triangle is ${areaValue}`

This isn’t valid code though?