Css の EditorConfig プロパティ: スペース
セレクター
オペレーターの周辺
プロパティ名:
[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 }
} |
