Back to quentariel's Blog

quentariel's Blog

Feb 14, 2016 5:19 AM
Anime Relations: Punch Line


background-color | CSS | specifies the background color of an element | color word (orange), HEX value (#000000) or RGB value (rgb(120, 60 40)) | background-color: #000000
background-image | CSS | sets the background image for an element | image urls in order from the biggest/the most back one to the smallest/front one | background-image: url(url-of-your-image) url(url-of-your-image);
background-repeat | CSS | sets how a background image will be repeated | no-repeat, repeat x, repeat y or repeat x repeat y | background-repeat: no-repeat;
background-attachment | CSS | sets whether a background image is fixed or scrolls with the rest of the page | scroll, fixed or local | background-attachment: fixed;
background-position | CSS | specifies the position of a background image | desriptive words (left top, left cente, left bottom, center top, center center, center bottom, right top, right center, right bottom) or percents (x% y%) | background-position: right top;
background-origin | CSS3 | specifies where the background image(s) is/are positioned | padding-box, border-box, content-box, initial or inherit | background-origin: border-box;
background-clip | CSS3 | specifies the painting area of the background | padding-box, border-box, content-box, initial or inherit | background-clip: border-box;
background-blend-model | CSS3 | specifies the blending mode of each background layer (color/image) | normal, multiply, screen, overlay, darken, lighten, color-dodge, saturation, color or luminosity | background-blend-mode: overlay;

color | type | sets the color of text | color name (green), HEX value (#345677) or RGB value (rgb(120, 40, 90)) | color: #467556;
letter-spacing | CSS | increases or decreases the space between characters in a text | positive pixels (2px) or negative pixels (-2px) | letter-spacing: 2px;
text-align | CSS | specifies the horizontal alignment of text | left, center, right or justify | text-align: center;
text-decoration | CSS | specifies the decoration added to text | overline, strike-through or underline | text-decoration: underline;
text-indent | CSS | specifies the indentation of the first line in a text-block | pixels (10px) or percents 10% | text-indent: 10px;
text-shadow | CSS3 | specifies the shadow effect added to text | x value in pixels (2px) + y value in pixels (3px) + blur effect in pixels (5px) + color (orange)
| text-shadow: 2px 3x 5px orange;
text-transform | CSS | controls the capitalization of text | lowercase, uppercase or capitalize | text-transform: uppercase;

Posted by quentariel | Feb 14, 2016 5:19 AM | Add a comment