HTML-CSS/bPicture.html at main · chideracollins/HTML-CSS · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
<!DOCTYPE html>
<html lang="en">
<head>
    <link rel="stylesheet" href="bPicture.css">
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>CSS background properties</title>
</head>
<body>
    <h1>Working with css background properties</h1>
    <p id="pfr">
        Generally; CSS background properties are used to add efffects on an element background. <br>
        List of all background properties and how to use them;
    </p>
    <p class="prp">background: used to set all background properties in one declaration.</p>
    <p class="prp">background-attachment: used to set a backgroumd image as fixed or scrolls together with the rest of the page.</p>
    <p class="prp">background-clip: used to specify the area of the backgroumd to be painted.</p>
    <p class="prp">background-color: used to set the background color.</p>
    <p class="prp">background-image: used to set the background image.</p>
    <p class="prp">background-origin: used to specify where the background image(s) is/are placed.</p>
    <p class="prp">background-position: used to set the starting position of a background image.</p>
    <p class="prp">background-repeat: used to set how the background image will be repeated, horizontally or vertically.</p>
    <p class="prp">background-size: used to set the background image(s) size.</p>
</body>
</html>