Free Online Courses for Software Developers - MrBool
× Please, log in to give us a feedback. Click here to login
×

You must be logged to download. Click here to login

×

MrBool is totally free and you can help us to help the Developers Community around the world

Yes, I'd like to help the MrBool and the Developers Community before download

No, I'd like to download without make the donation

×

MrBool is totally free and you can help us to help the Developers Community around the world

Yes, I'd like to help the MrBool and the Developers Community before download

No, I'd like to download without make the donation

Border Properties in HTML

In this article we will learn a little about borders and his properties

In this article I will talk about the border property of the html, this property is responsible for adding borders in any html element, be it a div, an image, a box, or any element.
I'll list the main properties of the border attributes below:

Note: As you can see, the names of properties are very suggestive

  • border-width:----------------border width
  • border-style:----------------border style
  • border-color:----------------border color
  • border-top-width:------------top border width
  • border-top-style:------------top border style
  • border-top-color:------------top border color/li>
  • border-right-width:----------right border width
  • border-right-style:----------right border style
  • border-right-color:----------right border color
  • border-bottom-width:---------bottom border width
  • border-bottom-style:---------bottom border style
  • border-bottom-color:---------bottom border color
  • border-left-width:----------left border width
  • border-left-style:----------left border style
  • border-left-color:----------left border color
  • border-top:------abbreviated form for all the border top properties
  • border-right:----abbreviated form for all the border right properties
  • border-bottom:---abbreviated form for all the border bottom properties
  • border-left:-----abbreviated form for all the border left properties
  • border:----------abbreviated form for all the border properties

Some properties just accepts specific values​​. So, we have to respect their values ​​to pass a parameter to it, these values ​​are listed below:

  • color:
    1. hexadecimal code: #FFFFFF
    2. rgb code: rgb(255,235,0)
    3. color name: red, blue, green...etc
  • style:
    1. none: no border
    2. hidden: border hidden
    3. dotted: dotted border
    4. dashed: dashed border
    5. solid: solid border
    6. double: double border
    7. groove: groove border
    8. ridge: border in ledge
    9. inset: border in low relief
    10. outset: border in high relief
  • width:
    1. thin: thin border
    2. medium: medium border
    3. thick: thick border
    4. length: a recognized measure by CSS (px, pt, em, cm, ...)

Today I showed some properties that we can use in the borders and in the next article I'll show some examples of how these properties are in practice.

See you in the next article

Ricardo Arrigoni - Front-End Developer and SEO Analyst



Front-end developer, WebEditor of MrBool.com and SEO Analyst. Work in the development area for over 4 years. For freelance work visit my portfolio: www.ricardoarrigoni.com.br

What did you think of this post?
Services
[Close]
To have full access to this post (or download the associated files) you must have MrBool Credits.

  See the prices for this post in Mr.Bool Credits System below:

Individually – in this case the price for this post is US$ 0,00 (Buy it now)
in this case you will buy only this video by paying the full price with no discount.

Package of 10 credits - in this case the price for this post is US$ 0,00
This subscription is ideal if you want to download few videos. In this plan you will receive a discount of 50% in each video. Subscribe for this package!

Package of 50 credits – in this case the price for this post is US$ 0,00
This subscription is ideal if you want to download several videos. In this plan you will receive a discount of 83% in each video. Subscribe for this package!


> More info about MrBool Credits
[Close]
You must be logged to download.

Click here to login