ReSharper 2023.3 Help

EditorConfig properties for Css: Spaces

Selector

Around operator

Property names:

[resharper_]css_space_around_selector_operator, [resharper_]space_around_selector_operator

Possible values:

true | false

Examples:

true

div > #error { color: red }

false

div>#error { color: red }

Before comma

Property names:

[resharper_]css_space_before_selector_comma, [resharper_]space_before_selector_comma

Possible values:

true | false

Examples:

true

#error , .error { color: red }

false

#error, .error { color: red }

After comma

Property names:

[resharper_]css_space_after_selector_comma, [resharper_]space_after_selector_comma

Possible values:

true | false

Examples:

true

#error, .error { color: red }

false

#error,.error { color: red }

Attribute selector

Within brackets

Property names:

[resharper_]css_space_within_attribute_match_brackets, [resharper_]space_within_attribute_match_brackets

Possible values:

true | false

Examples:

true

[ href$='.link' ] { color: blue }

false

[href$='.link'] { color: blue }

Around match operator

Property names:

[resharper_]css_space_around_attribute_match_operator, [resharper_]space_around_attribute_match_operator

Possible values:

true | false

Examples:

true

[href $= '.link'] { color: blue }

false

[href$='.link'] { color: blue }

Media query

Within parentheses

Property names:

[resharper_]css_space_within_media_parentheses, [resharper_]space_within_media_parentheses

Possible values:

true | false

Examples:

true

@media ( ratio: 4/3 ), ( ratio: 3/4 ) { .error { color: red; } }

false

@media (ratio: 4/3), (ratio: 3/4) { .error { color: red; } }

Before colon

Property names:

[resharper_]css_space_before_media_colon, [resharper_]space_before_media_colon

Possible values:

true | false

Examples:

true

@media (ratio : 4/3), (ratio : 3/4) { .error { color: red; } }

false

@media (ratio: 4/3), (ratio: 3/4) { .error { color: red; } }

After colon

Property names:

[resharper_]css_space_after_media_colon, [resharper_]space_after_media_colon

Possible values:

true | false

Examples:

true

@media (ratio: 4/3), (ratio: 3/4) { .error { color: red; } }

false

@media (ratio:4/3), (ratio:3/4) { .error { color: red; } }

Before comma

Property names:

[resharper_]css_space_before_media_comma, [resharper_]space_before_media_comma

Possible values:

true | false

Examples:

true

@media (ratio: 4/3) , (ratio: 3/4) { .error { color: red; } }

false

@media (ratio: 4/3), (ratio: 3/4) { .error { color: red; } }

After comma

Property names:

[resharper_]css_space_after_media_comma, [resharper_]space_after_media_comma

Possible values:

true | false

Examples:

true

@media (ratio: 4/3), (ratio: 3/4) { .error { color: red; } }

false

@media (ratio: 4/3),(ratio: 3/4) { .error { color: red; } }

Within block

Property names:

[resharper_]css_space_within_media_block, [resharper_]space_within_media_block

Possible values:

true | false

Examples:

true

@media (ratio: 4/3), (ratio: 3/4) { .error { color: red; } }

false

@media (ratio: 4/3), (ratio: 3/4) { .error { color: red; } }

Property

Within block

Property names:

[resharper_]css_space_within_property_block, [resharper_]space_within_property_block

Possible values:

true | false

Examples:

true

.error { color: red; padding: 0 0 0 0; }

false

.error { color: red; padding: 0 0 0 0; }

Before colon

Property names:

[resharper_]css_space_before_property_colon, [resharper_]space_before_property_colon

Possible values:

true | false

Examples:

true

.error { color : red; padding : 0 0 0 0; }

false

.error { color: red; padding: 0 0 0 0; }

After colon

Property names:

[resharper_]css_space_after_property_colon, [resharper_]space_after_property_colon

Possible values:

true | false

Examples:

true

.error { color: red; padding: 0 0 0 0; }

false

.error { color:red; padding:0 0 0 0; }

Before semicolon

Property names:

[resharper_]css_space_before_property_semicolon, [resharper_]space_before_property_semicolon

Possible values:

true | false

Examples:

true

.error { color: red ; padding: 0 0 0 0 ; }

false

.error { color: red; padding: 0 0 0 0; }

After semicolon

Property names:

[resharper_]css_space_after_property_semicolon, [resharper_]space_after_property_semicolon

Possible values:

true | false

Examples:

true

.error { color: red; padding: 0 0 0 0; }

false

.error { color: red; padding: 0 0 0 0; }

Function

Within parentheses

Property names:

[resharper_]css_space_within_function_parentheses, [resharper_]space_within_function_parentheses

Possible values:

true | false

Examples:

true

.black { color: rgb( 1, 1, 1 ) }

false

.black { color: rgb(1, 1, 1) }

Before comma

Property names:

[resharper_]css_space_before_function_comma, [resharper_]space_before_function_comma

Possible values:

true | false

Examples:

true

.black { color: rgb(1 , 1 , 1) }

false

.black { color: rgb(1, 1, 1) }

After comma

Property names:

[resharper_]css_space_after_function_comma, [resharper_]space_after_function_comma

Possible values:

true | false

Examples:

true

.black { color: rgb(1, 1, 1) }

false

.black { color: rgb(1,1,1) }

Expression

Within parentheses

Property names:

[resharper_]css_space_within_expression_parentheses, [resharper_]space_within_expression_parentheses

Possible values:

true | false

Examples:

true

p { width: calc(100% / ( 3 - 2 * 1 + 2 ) * 2px); }

false

p { width: calc(100% / (3 - 2 * 1 + 2) * 2px); }

Around operator

Property names:

[resharper_]css_space_around_operator, [resharper_]space_around_operator

Possible values:

true | false

Examples:

true

p { width: calc(100% / (3 - 2 * 1 + 2) * 2px); }

false

p { width: calc(100%/(3-2*1+2)*2px); }

Before comma

Property names:

[resharper_]css_space_before_comma, [resharper_]space_before_comma

Possible values:

true | false

Examples:

true

p { font: 87.5%/1.429 Arial , sans-serif }

false

p { font: 87.5%/1.429 Arial, sans-serif }

After comma

Property names:

[resharper_]css_space_after_comma, [resharper_]space_after_comma

Possible values:

true | false

Examples:

true

p { font: 87.5%/1.429 Arial, sans-serif }

false

p { font: 87.5%/1.429 Arial,sans-serif }

Before separator

Property names:

[resharper_]css_space_before_separator, [resharper_]space_before_separator

Possible values:

true | false

Examples:

true

@media (ratio: 4 /3) { p { font: 87.5% /1.429 Arial, sans-serif } }

false

@media (ratio: 4/3) { p { font: 87.5%/1.429 Arial, sans-serif } }

After separator

Property names:

[resharper_]css_space_after_separator, [resharper_]space_after_separator

Possible values:

true | false

Examples:

true

@media (ratio: 4/ 3), (ratio: 3/ 4) { p { font: 87.5%/ 1.429 Arial, sans-serif } }

false

@media (ratio: 4/3), (ratio: 3/4) { p { font: 87.5%/1.429 Arial, sans-serif } }
Last modified: 18 March 2024