Skip to content
loading...

7 CSS properties you had no idea about

Tomasz Łakomy on January 03, 2020

Last decade, I've tweeted this "free interview question": Tomasz Łakomy @tlakomy ... [Read Full]
markdown guide
 

It's crazy to me that CSS has these built in properties like the caret property, yet its not possible to change the style of an ul bullet point🤔 CSS is weird!

Great article!

 

Hey all, thanks for the tips! I actually already use pseudo elements in my CSS to style my lists!

I was instead just commenting about the qwerks of CSS, it's an interesting language to say the least.

 

CSS is ... interesting

It tries to be a lot of things and is not particularly good at most of them

 
 

This made me laugh a little too hard because it's so true. Thanks for that!

 
 

I believe it does, list-style-type does the trick if I remember correctly.

 

A while ago I’ve learned about list-style, is this what you’re looking for? 🌟

css-tricks.com/almanac/properties/...

 

The color of the list marker will be whatever the computed color of the element is (set via the color property)

So there's no intuitive "list-style-color" property that would allow a different colored bullet to the font color, the common workaround has been to use spans inside list items and styling the spans with a different color value.

Mozilla have recently introduced a ::marker pseudo-element to allow this more easily, but support outside of Firefox isn't there yet. One to keep an eye on.

 
 

I am proud to say i stopped using that flex article a while ago.

Instead i rely on auto-completion, and swapping the property names around frantically until i get them right... :D

 
 

flex is actually quite easy... The trouble now is using grids. Way less easy.
I've just switched from isotope to flex + progressive enhancement to grid, using @media and @supports. See github.com/pageboard/client/blob/0...

 

Grid template area is fun if you name everything similar like box1, box2, and so on. It feels like I'm drawing out the page this way.

 

Generally, a lot of things CSS was made for isn't working as supposed, while at the same time a lot of things can be made work with CSS that was never supposed.

 

backface-visibility prop. it makes me think of some really weird David Lynch movie

 
 

tomasz i only had no idea about 6 of these, i cant believe you'd mislead me like this

 

Amazing post! Congratulations! I didn't know these CSS properties. Thanks for share this knowledge

 

Thanks for sharing these awesome tags 👍👍👌

 

This was an interesting read @ 4:30 am. Thanks for the extra insight in regards to CSS.

 
 

I'm more shocked by your comment about flex. I use it all of the time! In my school they taught us float first, and then flex followed by grid. I swear flex felt like a god send after trying to use float to position images.

 

Where can i get full list of all css property?

 

I've provided the command at the beginning of the article, you can run npx get-all-css-properties in order to get a complete list

 
 

Well, seems like I wasn't a CSS programmer (I know it is not a programming language, just couldn't find another word), I was just assuming that I were.

code of conduct - report abuse