CSS Properties

css properties


This article will show you all the CSS properties and their values. But you can click on the links below to know more on the usage

Css means Cascading Style Sheet. Cascading style sheet helps in styling of HTML element and its impossible to use div and bootstrap div without a good understanding of CSS properties.

In this article thousands of users will know how to use CSS properties.

Examples of CSS properties

css properties

  1. CSS BACKGROUND

    • background-color: specifies the background color of an element
    • background-image: specifies the background image of an element
    • background-repeat: specifies the repeat property of the background-image of the page
    • background-position: specifies the position of the background-image
  2. CSS SELECTOR

    • element selector: Used to select html elements
    • class selector: .+name
    • id selector: #+name
    • multiple selector: h1,h2,p,#name,.name
  3. CSS FONT

    • font-family: used to specify the name of fonts to be used
    • font-size: specifies the size of the text
    • font-style: sets the italic, oblique, normal
    • font-weight: specifies the weight of the text
    • font
  4. CSS TEXT

    • color: used to define the color of the text
    • text-align: specifies the alignment of the text whether right, left, justify or center
    • text-decoration-color
    • text-decoration-line
    • text-decoration: add or remove decoration from the text especially used for links
    • text-transform: used to transform a text: uppercase, lowercase, capitalize
    • letter-spacing: spacing between letters
    • word-spacing: spacing between words
    • line-height: specifies the distance between a line of text and the next line
    • direction:specifies the text direction
  5. CSS LINK

    • a:link: link yet to be visited
    • a:visited: link visited
    • a:hover: link that mouse moves over
    • a:active: link that is currently in use
  6. CSS COMMENTS

    • /* */: This is used to add comments to a css file to aid easy debugging of one’s code
  7. CSS MARGIN

    • margin-left: specifies the left margin
    • margin-right: specifies the right margin
    • margin-top: specifies the top margin
    • margin-bottom: specifies the bottom margin
    • margin-bottom-left
    • margin-bottom-right
    • margin-right-top
    • margin-right-bottom
    • margin
  8. CSS PADDING

    • padding-left: specifies the left space between the text and the margin
    • padding-right: specifies the right space between the text and the margin
    • padding-top: specifies the top space between the text and the margin
    • padding-bottom: specifies the bottom space between the text and the margin
    • padding
  9. CSS BORDER

    • border-left: sets the left border
    • border-right: sets the right border
    • border-top: sets the top border
    • border-bottom : sets the bottom border
    • border
    • border-top-right-radius
    • border-top-left-radius
    • border-bottom-right-radius
    • border-bottom-left-radius
    • border-radius
    • border-left-color
    • border-bottom-color
    • border-top-color
    • border-right-color
  10. BORDER Style

    • solid
    • dashed
    • dotted
    • double
  11. CSS DIMENSION

    • height: specifies the height of an element
    • width: specifies the width of an element
  12. CSS POSITION

    • absolute
    • relative
    • fixed
  13. CSS FLOAT

    • right
    • left
    • clear
  14. Others

    • opacity
    • list-style-type
    • z-index
    • width
    • height
    • list-style
    • list-style-image
    • list-style-position
    • list-style-type