- accent-color
- accent-color adds a way to more easily style form controls.
- accent-color does not override the user's preferred color scheme, but changes the accent to make it work with it.
- For instance, when you change a website to be in dark mode, it will change the black text to white to accent it and make it readable.
- backdrop-filter
- backdrop-filter allows you to add filter effects to the background of an element, like graycale, contrast, blur, etc.
- The backdrop-filter and filter properties are similar, but backdrop-filter applies to the elements in the background and not the element's content it is applied to.
- For example, if you have an image in the background that will make text hard to read when put over it, you can apply a blur that will blur out intricate details of the image, making the text easy to read.
- caret-color
- caret-color changes the cursor in inputs, text areas and other editable elements.
- initial-letter
- initial-letter changes the first letter of an element to be larger and take up multiple lines, like how many news sites begin their paragraph or the beginning in a chapter of a book.
- This property is not supported on any browsers except for Safari, and is still incomplete. It is rarely used.
- mask-image
- mask-image allows you to mask layers to give special effects like adding gradients to an image without needing to use Photoshop or any other image enhancing site.
- This property works on Safari and Firefox, but has partial support on Chrome, Edge, and Opera.
- user-select
- user-select controls how the user can select text in an element. Using this, you can make text unselectable, or make all text selectable with one click.
- All browsers currently support this property.