EditorConfig 属性用于 Css:空格
选择器
运算符周围
属性名称:
[resharper_]css_space_around_selector_operator, [resharper_]space_around_selector_operator
可能的值:
true|false
示例:
true |
|---|
div > #error { color: red }
|
false |
|---|
div>#error { color: red }
|
在逗号前
属性名称:
[resharper_]css_space_before_selector_comma, [resharper_]space_before_selector_comma
可能的值:
true|false
示例:
true |
|---|
#error , .error { color: red }
|
false |
|---|
#error, .error { color: red }
|
在逗号后
属性名称:
[resharper_]css_space_after_selector_comma, [resharper_]space_after_selector_comma
可能的值:
true|false
示例:
true |
|---|
#error, .error { color: red }
|
false |
|---|
#error,.error { color: red }
|
属性选择器
中括号内
属性名称:
[resharper_]css_space_within_attribute_match_brackets, [resharper_]space_within_attribute_match_brackets
可能的值:
true|false
示例:
true |
|---|
[ href$='.link' ] { color: blue }
|
false |
|---|
[href$='.link'] { color: blue }
|
匹配运算符周围
属性名称:
[resharper_]css_space_around_attribute_match_operator, [resharper_]space_around_attribute_match_operator
可能的值:
true|false
示例:
true |
|---|
[href $= '.link'] { color: blue }
|
false |
|---|
[href$='.link'] { color: blue }
|
媒体查询
圆括号内
属性名称:
[resharper_]css_space_within_media_parentheses, [resharper_]space_within_media_parentheses
可能的值:
true|false
示例:
true |
|---|
@media ( ratio: 4/3 ), ( ratio: 3/4 ) {
.error { color: red; }
}
|
false |
|---|
@media (ratio: 4/3), (ratio: 3/4) {
.error { color: red; }
}
|
逗号前
属性名称:
[resharper_]css_space_before_media_colon, [resharper_]space_before_media_colon
可能的值:
true|false
示例:
true |
|---|
@media (ratio : 4/3), (ratio : 3/4) {
.error { color: red; }
}
|
false |
|---|
@media (ratio: 4/3), (ratio: 3/4) {
.error { color: red; }
}
|
冒号后
属性名称:
[resharper_]css_space_after_media_colon, [resharper_]space_after_media_colon
可能的值:
true|false
示例:
true |
|---|
@media (ratio: 4/3), (ratio: 3/4) {
.error { color: red; }
}
|
false |
|---|
@media (ratio:4/3), (ratio:3/4) {
.error { color: red; }
}
|
在逗号前
属性名称:
[resharper_]css_space_before_media_comma, [resharper_]space_before_media_comma
可能的值:
true|false
示例:
true |
|---|
@media (ratio: 4/3) , (ratio: 3/4) {
.error { color: red; }
}
|
false |
|---|
@media (ratio: 4/3), (ratio: 3/4) {
.error { color: red; }
}
|
在逗号后
属性名称:
[resharper_]css_space_after_media_comma, [resharper_]space_after_media_comma
可能的值:
true|false
示例:
true |
|---|
@media (ratio: 4/3), (ratio: 3/4) {
.error { color: red; }
}
|
false |
|---|
@media (ratio: 4/3),(ratio: 3/4) {
.error { color: red; }
}
|
块内
属性名称:
[resharper_]css_space_within_media_block, [resharper_]space_within_media_block
可能的值:
true|false
示例:
true |
|---|
@media (ratio: 4/3), (ratio: 3/4) {
.error { color: red; }
}
|
false |
|---|
@media (ratio: 4/3), (ratio: 3/4) {
.error { color: red; }
}
|
属性
块内
属性名称:
[resharper_]css_space_within_property_block, [resharper_]space_within_property_block
可能的值:
true|false
示例:
true |
|---|
.error {
color: red;
padding: 0 0 0 0;
}
|
false |
|---|
.error {
color: red;
padding: 0 0 0 0;
}
|
逗号前
属性名称:
[resharper_]css_space_before_property_colon, [resharper_]space_before_property_colon
可能的值:
true|false
示例:
true |
|---|
.error {
color : red;
padding : 0 0 0 0;
}
|
false |
|---|
.error {
color: red;
padding: 0 0 0 0;
}
|
冒号后
属性名称:
[resharper_]css_space_after_property_colon, [resharper_]space_after_property_colon
可能的值:
true|false
示例:
true |
|---|
.error {
color: red;
padding: 0 0 0 0;
}
|
false |
|---|
.error {
color:red;
padding:0 0 0 0;
}
|
分号之前
属性名称:
[resharper_]css_space_before_property_semicolon, [resharper_]space_before_property_semicolon
可能的值:
true|false
示例:
true |
|---|
.error {
color: red ;
padding: 0 0 0 0 ;
}
|
false |
|---|
.error {
color: red;
padding: 0 0 0 0;
}
|
分号之后
属性名称:
[resharper_]css_space_after_property_semicolon, [resharper_]space_after_property_semicolon
可能的值:
true|false
示例:
true |
|---|
.error {
color: red;
padding: 0 0 0 0;
}
|
false |
|---|
.error {
color: red;
padding: 0 0 0 0;
}
|
函数
圆括号内
属性名称:
[resharper_]css_space_within_function_parentheses, [resharper_]space_within_function_parentheses
可能的值:
true|false
示例:
true |
|---|
.black { color: rgb( 1, 1, 1 ) }
|
false |
|---|
.black { color: rgb(1, 1, 1) }
|
在逗号前
属性名称:
[resharper_]css_space_before_function_comma, [resharper_]space_before_function_comma
可能的值:
true|false
示例:
true |
|---|
.black { color: rgb(1 , 1 , 1) }
|
false |
|---|
.black { color: rgb(1, 1, 1) }
|
在逗号后
属性名称:
[resharper_]css_space_after_function_comma, [resharper_]space_after_function_comma
可能的值:
true|false
示例:
true |
|---|
.black { color: rgb(1, 1, 1) }
|
false |
|---|
.black { color: rgb(1,1,1) }
|
表达式
圆括号内
属性名称:
[resharper_]css_space_within_expression_parentheses, [resharper_]space_within_expression_parentheses
可能的值:
true|false
示例:
true |
|---|
p { width: calc(100% / ( 3 - 2 * 1 + 2 ) * 2px); }
|
false |
|---|
p { width: calc(100% / (3 - 2 * 1 + 2) * 2px); }
|
运算符周围
属性名称:
[resharper_]css_space_around_operator, [resharper_]space_around_operator
可能的值:
true|false
示例:
true |
|---|
p { width: calc(100% / (3 - 2 * 1 + 2) * 2px); }
|
false |
|---|
p { width: calc(100%/(3-2*1+2)*2px); }
|
在逗号前
属性名称:
[resharper_]css_space_before_comma, [resharper_]space_before_comma
可能的值:
true|false
示例:
true |
|---|
p { font: 87.5%/1.429 Arial , sans-serif }
|
false |
|---|
p { font: 87.5%/1.429 Arial, sans-serif }
|
在逗号后
属性名称:
[resharper_]css_space_after_comma, [resharper_]space_after_comma
可能的值:
true|false
示例:
true |
|---|
p { font: 87.5%/1.429 Arial, sans-serif }
|
false |
|---|
p { font: 87.5%/1.429 Arial,sans-serif }
|
分隔符前
属性名称:
[resharper_]css_space_before_separator, [resharper_]space_before_separator
可能的值:
true|false
示例:
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 }
}
|
分隔符后
属性名称:
[resharper_]css_space_after_separator, [resharper_]space_after_separator
可能的值:
true|false
示例:
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 }
}
|