Css - Tabs and Indents

Last modified: 07 April 2022

Tabs and indents

Indent style

Property names:

indent_style, [resharper_]css_indent_style

Possible values:

  • tab: Tab

  • space: Spaces

Examples:

tab

a, br, body, p, font, div {
	color: blue;
	font: small;
	background-color: transparent;
	padding: 0 0 0 0;
}

space

a, br, body, p, font, div {
    color: blue;
    font: small;
    background-color: transparent;
    padding: 0 0 0 0;
}

Indent size

Property names:

indent_size, [resharper_]css_indent_size

Possible values:

an integer

Examples:

value: 0

a, br, body, p, font, div {
 color: blue;
 font: small;
 background-color: transparent;
 padding: 0 0 0 0;
}

value: 1

a, br, body, p, font, div {
 color: blue;
 font: small;
 background-color: transparent;
 padding: 0 0 0 0;
}

value: 2

a, br, body, p, font, div {
  color: blue;
  font: small;
  background-color: transparent;
  padding: 0 0 0 0;
}

Tab width

Property names:

tab_width, [resharper_]css_tab_width

Possible values:

an integer

Examples:

value: 0

a, br, body, p, font, div {
	color: blue;
	font: small;
	background-color: transparent;
	padding: 0 0 0 0;
}

value: 1

a, br, body, p, font, div {
	color: blue;
	font: small;
	background-color: transparent;
	padding: 0 0 0 0;
}

value: 2

a, br, body, p, font, div {
	color: blue;
	font: small;
	background-color: transparent;
	padding: 0 0 0 0;
}

How to align when tabs are used for indents

Property names:

[resharper_]css_alignment_tab_fill_style, [resharper_]alignment_tab_fill_style

Possible values:

  • use_spaces: Use spaces (looks aligned on any tab size)

  • use_tabs_only: Only use tabs (inaccurate)

  • optimal_fill: Mix tabs and spaces for optimal fill