Some Less Known CSS Properties

Some Less Known CSS Properties
Techiio-author
Written by Shuvhojit DebJanuary 20, 2022
3 min read
CSS
1 VIEWS 0 LIKES 0 DISLIKES SHARE
0 LIKES 0 DISLIKES 1 VIEWS SHARE
Techiio-author
Shuvhojit Deb

Full Stack Developer

In this blog, we'll know about some less known CSS Properties.

What is CSS

CSS stands for Cascading Style Sheets. It is a style sheet language that is used to describe the look and formatting of a document written in a markup language. It provides an additional feature to HTML. It is generally used with HTML to change the style of web pages and user interfaces. It can also be used with any kind of XML document including plain XML, SVG, and XUL.

CSS is used along with HTML and JavaScript in most websites to create user interfaces for web applications and user interfaces for many mobile applications.

blogpost

Some Less Known CSS Properties

place-items

Shorthand for setting both align-items and justify-items.

.container 
{
  display: grid;
  place-items: center;
}

gap

Defines the spacing between elements in a flex or grid container. Shorthand for row-gap and column-gap.

.container 
{
  display: flex;
  gap: 12px;
}

filter

Add effects like brightness, contrast, grayscale, etc.

.image

{
  filter: blur(10px);
  filter: contrast(150%); 
}

accent-color

Applies color tint to HTML input elements.

.checkbox
{
  accent-color: #FF1493;
}

text-decoration

Shorthand for decoration line, style, and color.

.text
{
  text-decoration: underline wavy;
}

clip-path

Clips an element and shows only the content defined by the shape.

.image
{
  clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
}

writing-mode

.container 
{
  writing-mode: horizontal-tb;
  -webkit-writing-mode: horizontal-tb;
}

CSS Properties
CSS
1 VIEWS 0 LIKES 0 DISLIKES SHARE
0 LIKES 0 DISLIKES 1 VIEWS SHARE
Was this blog helpful?
techiio-price-plantechiio-price-plantechiio-price-plantechiio-price-plantechiio-price-plan
You must be Logged in to comment
Code Block
Techiio-author
Shuvhojit Deb
Full Stack Developer
Techiio-followerTechiio-follower
117 Blog Posts
0 Discussion Threads
Trending Technologies
15
Software40
DevOps46
Frontend Development24
Backend Development20
Server Administration17
Linux Administration26
Data Center24
Sentry24
Terraform23
Ansible83
Docker70
Penetration Testing16
Kubernetes21
NGINX20
JenkinsX17
Techiio-logo

Techiio is on the journey to build an ocean of technical knowledge, scouring the emerging stars in process and proffering them to the corporate world.

Follow us on:

Subscribe to get latest updates

You can unsubscribe anytime from getting updates from us
Developed and maintained by Wikiance
Developed and maintained by Wikiance