What is css paint api?

1.	What is css paint api?
Answer» To apply stroke on text and fill color, the property text-stroke and text-fill-color can be used with prefix. The same property with prefix (-webkit) is supported by edge, FIREFOX, chrome, safari and opera. HTML <DIV id="fill-stroke"&GT; <h1> Stroke & Fill </h1> </div> CSS h1 { font-family: Arial, Helvetica, Sans-serif; } #fill-stroke { background-color: RGB(255, 255, 255); color: rgb(102, 102, 102); -webkit-text-stroke: 1.4px rgb(0, 0, 0); -webkit-text-fill-color: rgb(46, 255, 60); } Output:

Answer»

To apply stroke on text and fill color, the property text-stroke and text-fill-color can be used with prefix. The same property with prefix (-webkit) is supported by edge, FIREFOX, chrome, safari and opera.

HTML

<DIV id="fill-stroke"&GT; <h1> Stroke & Fill </h1> </div>

CSS

h1 { font-family: Arial, Helvetica, Sans-serif; } #fill-stroke { background-color: RGB(255, 255, 255); color: rgb(102, 102, 102); -webkit-text-stroke: 1.4px rgb(0, 0, 0); -webkit-text-fill-color: rgb(46, 255, 60); }

Output:

Discussion

No Comment Found

Related InterviewSolutions

Explain the rule set in CSS?
What is specificity?
Explain Gradients in CSS?
Mention types of selectors?
What are pseudo-elements? Explain with an example.
What are CSS combinators?
<div id="outer"> <div id="inner"></div> </div>
Write the style to display inner div in center for the below HTML code?
How to draw a triangle using CSS?
body { margin: 0; font-family: Arial; background-color: #f2f2f2; } .box { color: #fff; padding: 1em; text-align: center; background-color: #efefef; } .a { background-color: purple; } .b { background-color: violet; } .c { background-color: burlywood; } .d { background-color: gainsboro; } .layout { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-template-rows: 100vh; }

What is css paint api?

Discussion

No Comment Found

Related InterviewSolutions

Reply to Comment