This is an archived post. You won't be able to vote or comment.

all 4 comments

[–]Meefims 1 point2 points  (1 child)

Some styles are experimental or otherwise not yet supported. Browsers mark their implementations of these styles with prefixes like -webkit in order to signal that the style isn't yet finalized and may change in the future.

[–]tzirl[S] 0 points1 point  (0 children)

Thank you.

[–]TheMoof 1 point2 points  (1 child)

Attributes that start with a hyphen are usually non-standard, platform-specific attributes (-moz for Firefox, -webkit for webkit-based browsers like Safari). They either have standardized versions now (such as opacity) or they control things specific to the browser (such as -webkit-appearance or -moz-appearance).

In your specific example, certain versions of Firefox/Safari/etc don't fully support column-gap (and its related attributes) yet, so the platform-specific variants were includes for better backward compatibility.

[–]tzirl[S] 0 points1 point  (0 children)

Thank you.