All Background Properties

  1. All Background Properties
    1. background-color gives color to the background
    2. background-image gives an image to the background of an element
    3. background-repeat gives a command to the image in the background to loop.
    4. background-position Adjusts the position of the image on the background
    5. background-attachment Sets an image whether if the mouse is scrolled the image scrolls or stays
    6. background-size determines the size of the image on the background
    7. background-clip defines the painting area on the background
    8. background-origin determines where an image is positioned
    9. background sets the background on the element broadly

2. All Border Properties

  • border Sets/creates the overall border
  • border-width sets the width of the overall border
  • border-top-width sets the width of the top line
  • border-right-width set the width of the right line
  • border-bottom-width sets the width of the underline
  • border-left-width sets the width of the left line
  • border-color sets the color of the line
  • border-style sets the style of the line
  • border-top makes the top line
  • border-right creates a right line
  • border-bottom makes an underline
  • border-left creates a left line
  • border-radius makes corners round/radius on lines

3. All Font Properties

  • font Sets all font Properties in one declaration
  • font-weight adjusts the thickness of the text
  • font-size set the font size as desired
  • font-family set the type of font you want to use
  • font-style sets the font style to be used in the text
  • font-variant sets the font to lowercase or not

4. All Margin PropertieS

  • margin-top adjusts the distance between the top elements
  • margin-right set the distance between the elements on the right
  • margin-bottom adjusts the distance between the bottom elements
  • margin-left adjusts the distance between elements on the left
  • margin set the distance between elements as a whole

5. All Padding Properties

  • padding-top sets the space on the element with the top content
  • padding-right sets the space for elements with right-hand content
  • padding-bottom sets the space on the element with the bottom content
  • padding-left sets space on elements with left-hand content
  • padding adjusts the space on the element with the overall content

6. Width & Height Properties

  • width Sets the width of the element
  • height Sets the height of the element
  • max-width sets the width of the element to the maximum
  • max-height sets the maximum height of the element
  • min-width set the width of the element to a minimum
  • min-height sets the element’s height to a minimum

7. All Text Properties

  • color gives color to text
  • direction Determine the direction of writing Text
  • letter-spacing sets the spacing between characters/letters
  • line-height sets the line spacing
  • text-align adjusts the position of the text. e.g. center, left, right
  • text-decoration defines the decoration to be added to the Text
  • text-indent specifies the margin/indentation of the first line in a text block
  • text-overflow to hide, show or scroll content or images
  • text-shadow gives shadow effect to text/word
  • text-transform controls the capitalization of text
  • unicode-bidi controls and directs unicode writes
  • vertical-align adjusts the vertical alignment of the element. e.g. middle, bottom
  • white-space sets the entire space on the element(white space)
  • word-spacing set the spacing between words/text

8. All Table Properties

  • border Create and adjust overall borders
  • border-collapse Sets the cell border in the table whether to collapse or not.
  • border-spacing determines the distance between cells in the table
  • caption-side set and determine the placement of caption elements in the table
  • empty-cells to set delimiter and background on empty cells
  • table-layout Specifies the layout for the table

The need for digital IT is needed in daily activities, Bead IT Consultant is the right choice as your partner, visit our website by clicking this link: www.beadgroup.com