accepts the url() function with its valid inputs including an image with a valid extension, an svg, or an external link to the image. It represents 5 gradient functions which are: The syntax allows you to set a group of colors and have them overlap. It indicates that there will be no image or gradient color set on the selected element. This is the default value for the border-image-source CSS property. Applies to: All elements, except internal table elements when border-collapse is collapseīorder-image-source: url('svg-file.svg') īorder-image-source: linear-gradient(to bottom left, lightblue, #00000) īorder-image-source: repeating-linear-gradient(15deg, #900000, #ee2400, #ffb09c 2rem ) īorder-image-source: radial-gradient(to top right, #7AD7F0, #92DFF3 0.5rem, #F5FCFF) īorder-image-source: repeating-radial-gradient(to right, #B7E9F7, #DBF3FA) īorder-image-source: conic-gradient(#FFFEE9, #FFFBC8, #FFF59E, #FFF157).…where can be expressed as a URL that points to an image file, or a CSS gradient. The border-image-source property is defined in the CSS Backgrounds and Borders Module Level 3 specification. border-image-slice: Splits the border image into regions used for spacing and sizing the image.border-image-repeat: Specifies whether to repeat the image when drawing the border or to display it once.border-image-source: Specifies the image file or gradient used for the border. Notice in this example that border-image-source is one of three border-image-* properties:
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |