CSS tab-size

Sat Oct 31 2026

Decades of CSS and I have just stumbled across the tab-size property. Drag the slider to change the tab-size of the code below. Browsers default to 8. Only tab characters change; spaces stay where they are.

tab-size: 8

Tabs

function greet(name) {
	if (name) {
		return `Hello, ${name}`;
	}
	return "Hello";
}

4 spaces

function greet(name) {
    if (name) {
        return `Hello, ${name}`;
    }
    return "Hello";
}

I discovered this when switching to use Twinkleplop for syntax highlighting of code blocks and I noticed an issue with some of my code blocks being indented too far, tab-size to the rescue!