CSS collapsing margins: what is their purpose?

The CSS2 box model tells us that adjacent vertical margins will collapse. I find this annoying as it is the so...

From [CSS3discussion group] 2023-10-25 19:38:51 0  1  680

Get the calculated value of a CSS variable using a calc-like expression

In JavaScript, you can get the value of a CSS variable using getPropertyValue(property). This function is usef...

From [CSS3discussion group] 2023-10-25 09:39:36 1  2  1039

Align decimal points of numbers in table with pseudo "center" alignment appearing in cells

I want a table with a column of decimal numbers, with different lengths before and after the decimal point, an...

From [CSS3discussion group] 2023-10-24 13:01:47 0  1  765

Why nth-of-type/nth-child doesn't work for nested elements?

I'm trying to change the style of odd divs inside divs. For some reason, when the nth-of-type(odd) is inside a...

From [CSS3discussion group] 2023-10-23 10:39:24 0  1  557

Div with transparent semicircle cutout

I want to make a transparent cut out semicircle shape using only CSS3. The only requirement is that all elemen...

From [CSS3discussion group] 2023-10-22 17:51:09 0  2  754

How to make an inset shadow in SVG

I need to make a box with an inline shadow, just like CSS3 has an inline box shadow. What I've found so far is...

From [CSS3discussion group] 2023-10-21 15:57:11 0  2  683

Shrink container to fit wrapped child elements

I'm trying to figure out how flexbox works (should work?...) for a situation like this: .holder{width:500px;ba...

From [CSS3discussion group] 2023-10-21 10:33:50 0  2  612

Automatically expand text area

I'm trying to make a simple auto-expanding text area. This is my code: textarea.onkeyup=function(){textarea.st...

From [CSS3discussion group] 2023-10-21 08:49:23 0  2  672

JavaScript allows access to CSS custom properties (also known as CSS variables)

How to get and set CSS custom properties (properties accessed via var(…) in a stylesheet) using JavaScript (pl...

From [CSS3discussion group] 2023-10-20 22:42:04 0  2  711

How to make the last row of items take up the remaining space in CSS Grid?

Is there a way to force all items in the last row of the grid to fill that row, no matter how many they have? ...

From [CSS3discussion group] 2023-10-20 20:39:37 0  1  805

How to set margins/padding (HTML/CSS) for each page printed?

I have a lot of content on my page, but I have no control over where it breaks. I put some content on each pag...

From [CSS3discussion group] 2023-10-20 17:34:03 0  1  925

Is it possible to use :nth-child() or :nth-of-type() with any selector?

Is there a way to select the nth child element that matches (or doesn't match) an arbitrary selector? For exam...

From [CSS3discussion group] 2023-10-20 17:04:56 0  2  743

Decoding CSS selector priority/specificity

I'd like to understand how CSS selectors handle attribute conflicts. How to select one property over another? ...

From [CSS3discussion group] 2023-10-19 22:58:19 0  2  546

Customize Bootstrap 4's grid system breakpoints

I have an application where the design requires 1280 breakpoints from desktop to tablet or xl to lg respective...

From [CSS3discussion group] 2023-10-18 23:01:50 0  2  698

Is it possible to add gradients to SVG paths?

I want to put a simple loading indicator on my website that is triggered by a script. It should be a simple ar...

From [CSS3discussion group] 2023-10-18 14:55:02 0  2  641