CSS Properties
Badri Narayanan B G
Exemplary Design Engineer| Student at SNS College Of Engineering| Figma Designer
CSS properties for styling <article> elements:
1. background-color: Sets the background color of the article. You can specify colors using color names, hexadecimal values, RGB, RGBA, HSL, or HSLA values.
2. color: Determines the color of the text within the article. Similar to background-color, you can specify colors using various methods.
3. font-family: Specifies the font of the text within the article. You can provide a list of font names separated by commas to define fallback fonts.
4. font-size: Sets the size of the text within the article. You can specify sizes in pixels, ems, rems, percentages, or keywords like small, medium, large, etc.
5. padding: Adds space around the content inside the article. You can specify padding values for each side (top, right, bottom, left) individually or using shorthand notation.
6. margin: Adds space around the outside of the article. Similar to padding, you can specify margin values for each side individually or using shorthand notation.
7. border: Creates a border around the article. You can define the border's width, style (solid, dashed, dotted, etc.), and color.
8. border-radius: Rounds the corners of the article's border. You can specify a radius value to determine the roundness of the corners.
领英推荐
9. box-shadow: Adds a shadow effect to the article. You can specify the horizontal and vertical offset, blur radius, spread radius, and color of the shadow.
10. text-align: Aligns the text within the article horizontally. Options include left, center, right, and justify.
11. line-height: Sets the height of lines within the article. You can specify a unitless value, a percentage, or a length value.
12. word-spacing: Adjusts the spacing between words within the article. You can specify a length value to increase or decrease the space between words.
13. letter-spacing: Adjusts the spacing between letters within the article. Similar to word-spacing, you can specify a length value to adjust the letter spacing.
14. text-decoration: Adds decoration to the text within the article, such as underline, overline, line-through, etc.
15. overflow: Specifies how content that is too big for the article should be handled. Options include visible (default), hidden, scroll, and auto.
These properties offer extensive control over the appearance and layout of <article> elements, allowing you to tailor them to your specific design requirements.