iskm/learnxinyminutes-docs
1
0
Fork 0
mirror of https://github.com/adambard/learnxinyminutes-docs.git synced 2024-12-23 09:41:36 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

[CSS/en] Adding border related styleguides (#2301)

Browse Source 
* Adding border related styleguides

Adding border related styleguides. Most of the modern designs have borders for their elements.

* Spacing the comments like the rest of the file
This commit is contained in:
Nimit Shah 2016-07-08 23:42:03 +05:30 committed by ven
parent b8e496eba1
commit 36ab227827
1 changed files with 7 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
css.html.markdown
View File

@ -169,6 +169,13 @@ selector {
color: transparent; /* equivalent to setting the alpha to 0 */ color: transparent; /* equivalent to setting the alpha to 0 */
color: hsl(0, 100%, 50%); /* as hsl percentages (CSS 3) */ color: hsl(0, 100%, 50%); /* as hsl percentages (CSS 3) */
color: hsla(0, 100%, 50%, 0.3); /* as hsl percentages with alpha */ color: hsla(0, 100%, 50%, 0.3); /* as hsl percentages with alpha */
/* Borders */
border-width:5px;
border-style:solid;
border-color:red; /* similar to how background-color is set */
border: 5px solid red; /* this is a short hand approach for the same */
border-radius:20px; /* this is a CSS3 property */
/* Images as backgrounds of elements */ /* Images as backgrounds of elements */
background-image: url(/img-path/img.jpg); /* quotes inside url() optional */ background-image: url(/img-path/img.jpg); /* quotes inside url() optional */