CSS - CSS Border Color

 CSS Boder Color

Learn css - css tutorial - CSS Boder Color - css examples - css programs

CSS Border Color - Definition and Usage

  • In css border color is to apply color of the four sides of an element's border.
  • It has four values ,border-top-color, border-right-color, border-bottom-color, border-left-color.
CSS border color
  • The border-color property is used in CSS to choose the color for the border.
  • Its value should either be a color name, a hex color,, or an RGB value

sample html code - html css

<!DOCTYPE html>
        <p style="border-width:thin; border-style:solid;border-color: red">
                Welcome To WikiTechy.com
        <br />
        <p style="border-width:thick; border-style:dashed;border-color: #009900">
                Where You Can Learn All The Technologies.
        <br />  
        <p style="border-width:5px; border-style:dotted;border-color: rgb(13,33,232)">
                Best E-Leaning Website In The World.
click below button to copy the code. By - css tutorial - team

Code Explanation - style css

css radius
  1. In CSS, border color : red is used for applying red color for the border around p tag.
  2. Here, we are Applying hexadecimal color values for border in border-color property.
  3. Note : RGB values can also be assigned using hexadecimal color values in the form of : #RRGGBB, where RR (red), GG (green) and BB (blue) are hexadecimal values between 00 and FF (same as decimal 0-255).

  4. Here, p element was defined for the statement Best E-Learning Website in the World where the border for the statement is applied with RGB Colors values which specify its color values based on the formula (red, green, and blue).

Code Output - css examples

    css line
  1. Here red color value is applied for the border around the text “Welcome To WikiTechy.com” shown in solid border.
  2. The Text “Where You Can Learn All the Technologies Easily” will have a dashed border in green color border which is specified in Hexadecimal.
  3. Over here, the RGB color values is applied for the text “Best E-Learning Website in the World.” which will be displayed with blue color with dotted border.

This page provides a detailed information on stylesheet css , css input , css menu , css for table , css in js , external css , css maker , html css style , css documentation , css page , css site , css3 websites , html css course , css stylesheets , css web design , css beginner , html to css , learn html css and javascript , css official website.

View More Quick Examples


Related Searches to CSS - Border Color

Adblocker detected! Please consider reading this notice.

We've detected that you are using AdBlock Plus or some other adblocking software which is preventing the page from fully loading.

We don't have any banner, Flash, animation, obnoxious sound, or popup ad. We do not implement these annoying types of ads!

We need money to operate the site, and almost all of it comes from our online advertising.

Please add wikitechy.com to your ad blocking whitelist or disable your adblocking software.