regex101: css attribute validation

^start of line

Character Class[a-zA-Z0-9-]+

+matches at least one character from the set below:

a-zone character from a (97₁₀) to z (122₁₀) (case insensitive)

A-Zone character from A (65₁₀) to Z (90₁₀) (case insensitive)

0-9one character from 0 (48₁₀) to 9 (57₁₀)

-the literal - (45₁₀ / 55₈ / 2D₁₆)

:the literal : (58₁₀ / 72₈ / 3A₁₆)

Character Class[ a-zA-Z0-9()'\"-_.]+

+matches at least one character from the set below:

the literal (32₁₀ / 40₈ / 20₁₆)

a-zone character from a (97₁₀) to z (122₁₀) (case insensitive)

A-Zone character from A (65₁₀) to Z (90₁₀) (case insensitive)

0-9one character from 0 (48₁₀) to 9 (57₁₀)

(the literal ( (40₁₀ / 50₈ / 28₁₆)

)the literal ) (41₁₀ / 51₈ / 29₁₆)

'the literal ' (39₁₀ / 47₈ / 27₁₆)

\"-_one character from " (34₁₀) to _ (95₁₀)

.the literal . (46₁₀ / 56₈ / 2E₁₆)

;the literal ; (59₁₀ / 73₈ / 3B₁₆)

\s?optionally matches any whitespace character

Global pattern flags

g modifier: global. Finds all matches instead of stopping after the first

m modifier: multiline. Causes ^ and $ to match the start and end of each line, not only the start and end of the string

i modifier: insensitive. Matches without distinguishing uppercase and lowercase letters

Search reference

Regular Expression

^[a-zA-Z0-9-]+:[ a-zA-Z0-9()'\"-_.]+;\s?

New

border-bottom-color: coral;
column-rule: 4px double #ff00ff;
grid-area: 2 / 1 / span 2 (00)/ span 3;
list-style: square inside url("sqpurple.gif");
object-position: 5px 10%;
border: 5px solid red;
background-color: hsla(89, 43%, 51%, 0.3);
font-variant-caps: all-small-caps;
background-image: url('img_tree.gif'), url("paper.gif");
width: calc(var(--variable-width) + 20px);
width: calc(2em *+- 5);
grid-template-columns: 1fr fit-content(250px);

Regular Expressions 101

Regular Expression

Substitution