css - Kononov Space

css

A collection of 2 posts

[RECIPE]: Capitalize in CSS

[RECIPE]: Capitalize in CSS

There are cases when you want your text looks fine as header in browser, but you don't know if text has correct case of the first letter. It can easily fixed with the simple CSS rule: .txt-capitalized { text-transform: capitalize; }

[RECIPE]: floating rounded table rows with CSS

[RECIPE]: floating rounded table rows with CSS

If your designer wants to have table rows floating one above another, with some space between, and having rounded borders, follow this: :root { --border-radius: 5px; } table { background-color: gray; border-collapse: separate; border-spacing: 0 2px; } tr { background-color: white; } td:first-child { border-bottom-left-radius: var(--border-radius); border-top-left-radius: var(--border-radius); } td:last-child { border-bottom-right-radius: var(--border-radius);