Rookie tutorial URL link: https://www.runoob.com/cssref/css-functions.html
| Function | Description | css version |
| attr() | Returns the attribute value of the selected element. | 2 |
| calc() | Allows the calculation of CSS property values, such as dynamic calculation of length values. | 3 |
| linear-gradient() | Create a linear gradient image. | 3 |
| radial-gradient() | Create an image with a radial gradient. | 3 |
| repeating-linear-gradient() | Create an image with a repeating linear gradient. | 3 |
| repeating-radial-gradient() | Similar to radial-gradient(), created with repeated radial gradients image. | 3 |
Use the calc() function to calculate the width of the
element :
#div1 {
position: absolute;
left: 50px;
width: calc(100% - 100px);
border: 1px solid black;
background-color: yellow;
padding: 5px;
text-align: center;
}
CSS3 linear-gradient (linear-gradient) ← Click to see more examples
p>
.bg {
background: -webkit-linear-gradient(left, #1AFFA5, #5DF800 10%, #BDFC00 20%, #EEFC00 30%, #FFF000 40%, #FFC800 60%, #FFA200 80%, #FF1322);
}
| Function | Description | css version |
| attr() | Return the attributes of the selected element value. | 2 |
| calc() | Allows the calculation of CSS property values, such as dynamic calculation of length values. | 3 |
| linear-gradient() | Create a linear gradient image. | 3 |
| radial-gradient() | Create an image with a radial gradient. | 3 |
| repeating-linear-gradient() | Create an image with a repeating linear gradient. | 3 |
| repeating-radial-gradient() | Similar to radial-gradient(), created with repeated radial gradients image. | 3 |
#div1 {
position: absolute;
left: 50px;
width: calc(100% - 100px);
border: 1px solid black;
background-color: yellow;
padding: 5px;
text-align: center;
}
.bg {
background: -webkit-linear-gradient(left, #1AFFA5, #5DF800 10%, #BDFC00 20%, #EEFC00 30%, #FFF000 40%, #FFC800 60%, #FFA200 80%, #FF1322);
}
WordPress database error: [Table 'yf99682.wp_s6mz6tyggq_comments' doesn't exist]SELECT SQL_CALC_FOUND_ROWS wp_s6mz6tyggq_comments.comment_ID FROM wp_s6mz6tyggq_comments WHERE ( comment_approved = '1' ) AND comment_post_ID = 5664 ORDER BY wp_s6mz6tyggq_comments.comment_date_gmt ASC, wp_s6mz6tyggq_comments.comment_ID ASC