Do CSS functions exist?

Question

I'm not sure what to call this, but basically let's say I have a style that I use a lot,

.somepattern{
    font-size:16px;
    font-weight:bold;
    border:2px solid red;
}

but sometime I want to change the font-size and the color for border. Is it possible to treat this code as a library, where I can set the style to a div

<div class="somepattern">Text</div>

but still control the 16px and red like we do with functions?

Answer 1

I know I'm late to the party but the selected answer IS NOT the right answer since it's deferring it to CSS preprocessors.

To answer the specific question "Do CSS functions exist?", the answer is: Yes.

However, CSS functions work completely different than the OP's concept initially is.

cuixiping's answer seems the most correct answer.

Examples of CSS functions are:

• url()
• attr()
• calc()
• rotate()
• scale()
• linear-gradient()
• sepia()
• grayscale()
• translate()

A detailed, comprehensive list can be found here:

CSS functions on MDN Updated link 18/9/20