Hi, I am designed with border top color property.īorder-color: brown red blue green /* Gives the color at top, right, bottom and left respectivily */Įxplanation: First paragraph gives brown, red, blue and green color to top, right, bottom and left respectively by assigning 4 values to border-color property.Second paragraph gives blue color by assigning a value to border-top-color property. Values (top, right, bottom and left respectively). Hi, I am designed with border color property by 4 Border Colors to Specific Side Syntax 1īorder-top-color: value//border top side colorīorder-right-color: value//border right side colorīorder-bottom-color: value//border bottom side colorīorder-left-color: value//border left side colorīelow are the examples mentioned: Example #1īorder Color property with 4 values and border Syntax 4Įxplanation: If we apply border-color with only single value, then applied it for all four sides equally.If we want to apply border style only one side like top or right or bottom or left.
CSS COLOR CODES MAROON LICENSE
This article contains work licensed under the Creative Commons Attribution-Sharealike License v2.5 or later.Border-color: value1, value2 //border color valuesĮxplanation: If we apply border-color with 2 values, then first value is for top and bottom and second value is for left and right applied respectively. Portions of this content copyright 2012 Mozilla Contributors. This article contains content originally from external sources, including ones licensed under the CC-BY-SA license. To do it exactly you need 6-digit codes, and you need to look up the CSS Specification or use a graphics tool to match the colors.) In your CSS file, change all the color names to 3-digit color codes without affecting the result (this cannot be done exactly, but you can get close. Cascading Style Sheets Level 2 Revision 1 (CSS 2.1) Specification, 4 Syntax and basic data types, 4.3.6 Colors.Need to add screenshot of the result? See also Other articles Save the file and refresh your browser to see the result. Keep the layout and comments the way you prefer them.) /*** CSS Tutorial: Color page ***/īody (The layout and comments in your file probably differ from the file shown here. The More details boxes use this pale gray: background-color: #f4f4f4 Įdit your CSS file make the change shown here in bold, to give the initial letters a pale blue background. Backgrounds can be set to transparent to explicitly remove any color, revealing the parent element’s background.
You have already used the property on text.You can also use the property to change elements’ backgrounds. For information on matching system colors like Menu and ThreeDFace, see: CSS2 System Colors in the CSS Specification.
CSS COLOR CODES MAROON HOW TO
For example, this is maroon (dark red): rgb(128, 0, 0)įor full details of how to specify colors, see: Colors in the CSS Specification. You can also specify a color using decimal RGB values in the range 0 – 255, or percentages. |Reduce the other components a little:|| #eef| RGB colors |If you make them exactly equal, you get gray:|| #ccc| |To reduce its saturation, make its components more equal:|| #c98| |To darken it, reduce all its components:|| #c74| |To make it more orange, add a little extra green:|| #fa7| |To make it paler, add some green and blue:|| #f77| With a little practice, you can adjust the three-digit colors manually for most purposes: You can usually get these six-digit hexadecimal codes from your graphics program or some other tool. The letters a – f represent the values 10 – 15:įor the full palette, specify two hexadecimal digits for each component: Beware of using color names that your reader’s browsers might not support.įor a larger palette, specify the red, green and blue components of the color you want by using a number sign (hash) and three hexadecimal digits in the range 0 – 9, a – f. Your browser might support many more named colors, like:įor details of this extended list, see: SVG color keywords in the CSS 3 Color Module. Some of the names might not be what you expect: In this tutorial so far, you have used a limited number of named colors. This article explains in detail the different ways you can specify color in CSS.
0 kommentar(er)
