Cascading Style Sheets is a style sheet language used for describing the presentation of a document written in a markup language such as HTML or XML. CSS is a cornerstone technology of the World Wide Web, alongside HTML and JavaScript.
Sometimes, we want to use :hover to modify the CSS of another class. We’ll look at how to use :hover to modify the CSS of another class, in this article. How to use :hover to modify the CSS of another…
Sometimes, we want to set font scaling based on the width of container with CSS. We’ll look at how to set font scaling based on the width of container with CSS, in this article. How to set font scaling based…
Sometimes, we want to style a select dropdown with only CSS. We’ll look at how to style a select dropdown with only CSS, in this article. How to style a select dropdown with only CSS? We set the appearance property,…
Sometimes, we want to vertically align text in a div with CSS. We’ll look at how to vertically align text in a div with CSS, in this article. How to vertically align text in a div with CSS? Use flexbox,…
To pass mouse events through absolutely-positioned element with CSS, we set the pointer-events property. For instance, we can write <div class=”some-container”> <ul class=”layer-0 parent”> <li class=”click-me child”></li> <li class=”click-me child”></li> </ul> <ul class=”layer-1 parent”> <li class=”click-me child”></li> <li class=”click-me child”></li>…
We set the pointer-events property, to disable all div content with CSS. For instance, we can write #my-div { pointer-events: none; } to select the div with ID my-div and disable all mouse events on it by setting pointer-events to…
We set the pointer-events property, to disable HTML link with CSS. For instance, we can write <a class=”disabled” href=”#”>…</a> to add a link. Then we can write a.disabled { pointer-events: none; } to disable the link with class disabled by…
We set the content property, to remove pseudo elements with CSS. Then, we write p:after { content: none; } After each p element by setting their content property to none is to remove the content. Post Views: 141
We set the transform property, to add horizontal scrollbar on top and bottom of table with CSS. For instance, we write .parent { transform: rotateX(180deg); overflow-x: auto; } .child { transform: rotateX(180deg); } to rotate the element with class parent…
To disable browser print options (headers, footers, margins) , we set the @page rule from page with CSS. For instance, we write <style type=”text/css” media=”print”> @page { size: auto; margin: 0mm; } html { background-color: #ffffff; margin: 0px; } body…