Css の EditorConfig プロパティ: コードレイアウト
コードレイアウト
宣言
プロパティ名:
[resharper_]css_declarations_style , [resharper_]declarations_style
使用可能な値:
separate_lines_for_nonsingle: 別々の行で単純ではない場合separate_lines: 別々の行にsame_line: 1 行のフォーマット
例:
separate_lines_for_nonsingle |
|---|
.blue, .link { color: blue; }
#error, .error {
color: red;
backgroup-color: white;
} |
separate_lines |
|---|
.blue, .link { color: blue; }
#error, .error {
color: red;
backgroup-color: white;
} |
same_line |
|---|
.blue, .link { color: blue; }#error, .error {
color: red;
backgroup-color: white;
} |
メディアクエリ
プロパティ名:
[resharper_]css_media_query_style , [resharper_]media_query_style
使用可能な値:
same_line: 1 行のフォーマットseparate_lines: 別々の行に
例:
same_line |
|---|
@media (ratio: 4/3), (ratio: 3/4) {
.blue { color: blue; }
} |
separate_lines |
|---|
@media
(ratio: 4/3),
(ratio: 3/4) {
.blue { color: blue; }
} |
セレクター
プロパティ名:
[resharper_]css_selector_style , [resharper_]selector_style
使用可能な値:
same_line: 1 行のフォーマットseparate_lines: 別々の行に
例:
same_line |
|---|
.blue, .link { color: blue; } |
separate_lines |
|---|
.blue,
.link { color: blue; } |
Properties
プロパティ名:
[resharper_]css_properties_style , [resharper_]properties_style
使用可能な値:
separate_lines_for_nonsingle: 別々の行で単純ではない場合separate_lines: 別々の行にsame_line: 1 行のフォーマット
例:
separate_lines_for_nonsingle |
|---|
.blue, .link { color: blue; }
#error, .error {
color: red;
backgroup-color: white;
} |
separate_lines |
|---|
.blue, .link {
color: blue;
}
#error, .error {
color: red;
backgroup-color: white;
} |
same_line |
|---|
.blue, .link { color: blue; }
#error, .error { color: red; backgroup-color: white; } |
波括弧
プロパティ名:
[resharper_]css_brace_style , [resharper_]brace_style
使用可能な値:
end_of_line: 行末 (K&R スタイル)end_of_line_no_space: 行末 (空白なし)next_line: 次の行に (BSD スタイル)next_line_shifted: 次の行のインデント時に (ホワイトスミススタイル)next_line_shifted_2: 次の行インデント 2 (GNU スタイル)
例:
end_of_line |
|---|
@media (ratio: 4/3) {
.blue, .link { color: blue; }
#error, .error {
color: red;
backgroup-color: white;
}
} |
end_of_line_no_space |
|---|
@media (ratio: 4/3){
.blue, .link{ color: blue; }
#error, .error{
color: red;
backgroup-color: white;
}
} |
next_line |
|---|
@media (ratio: 4/3)
{
.blue, .link
{
color: blue;
}
#error, .error
{
color: red;
backgroup-color: white;
}
} |
next_line_shifted |
|---|
@media (ratio: 4/3)
{
.blue, .link
{
color: blue;
}
#error, .error
{
color: red;
backgroup-color: white;
}
} |
next_line_shifted_2 |
|---|
@media (ratio: 4/3)
{
.blue, .link
{
color: blue;
}
#error, .error
{
color: red;
backgroup-color: white;
}
} |
