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; }
|
プロパティ
プロパティ名:
[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;
}
}
|