From 658ffe97deadb202701121df5e59caa5d34ec074 Mon Sep 17 00:00:00 2001
From: Jon <jonegeland@gmail.com>
Date: Sun, 31 Dec 2023 12:33:52 -0800
Subject: [PATCH] feat(css_formatter): Add `quoteStyle` for css formatting
 (#1384)

---
 crates/biome_cli/src/commands/mod.rs          |   2 +
 .../tests/cases/overrides_formatter.rs        |  19 +-
 crates/biome_cli/tests/commands/format.rs     |  45 +++
 ...include_file_with_different_languages.snap |  16 +-
 ...le_with_different_languages_and_files.snap |  14 -
 .../main_commands_check/check_help.snap       |   2 +-
 .../snapshots/main_commands_ci/ci_help.snap   |   2 +-
 .../applies_custom_css_quote_style.snap       |  20 ++
 .../main_commands_format/format_help.snap     |   2 +-
 crates/biome_css_formatter/src/context.rs     |  20 +-
 .../src/css/any/dimension.rs                  |   2 +-
 .../css/auxiliary/attribute_matcher_value.rs  |  26 +-
 .../src/css/value/string.rs                   |   4 +-
 .../src/utils/string_utils.rs                 | 290 ++++++++++++++++++
 crates/biome_css_formatter/tests/language.rs  |  58 ++--
 .../tests/specs/css/atrule/charset.css.snap   |   1 +
 .../specs/css/atrule/color_profile.css.snap   |   1 +
 .../tests/specs/css/atrule/container.css.snap |   1 +
 .../specs/css/atrule/counter_style.css.snap   |   1 +
 .../tests/specs/css/atrule/font_face.css.snap |   1 +
 .../tests/specs/css/atrule/keyframes.css.snap |   1 +
 .../tests/specs/css/atrule/layer.css.snap     |   1 +
 .../tests/specs/css/atrule/media.css.snap     |   1 +
 .../tests/specs/css/atrule/page.css.snap      |   1 +
 .../specs/css/atrule/page_complex.css.snap    |   1 +
 .../tests/specs/css/atrule/scope.css.snap     |   1 +
 .../tests/specs/css/atrule/supports.css.snap  |   1 +
 .../css/atrule/supports_complex.css.snap      |   1 +
 .../tests/specs/css/block.css.snap            |   1 +
 .../tests/specs/css/casing.css.snap           |   1 +
 .../css/color/functional_colors.css.snap      |   1 +
 .../tests/specs/css/color/hex_colors.css.snap |   1 +
 .../tests/specs/css/declaration_list.css.snap |   1 +
 .../tests/specs/css/dimensions.css.snap       |   1 +
 .../tests/specs/css/empty.css.snap            |   1 +
 .../tests/specs/css/functions.css.snap        |   1 +
 .../tests/specs/css/important.css.snap        |   1 +
 .../tests/specs/css/namespace.css.snap        |   1 +
 .../tests/specs/css/pseudo/is.css.snap        |   1 +
 .../tests/specs/css/pseudo/not.css.snap       |   1 +
 ..._class_function_compound_selector.css.snap |   1 +
 ...s_function_compound_selector_list.css.snap |   1 +
 .../pseudo/pseudo_class_function_nth.css.snap |   1 +
 ...s_function_relative_selector_list.css.snap |   1 +
 .../pseudo_class_function_selector.css.snap   |   1 +
 .../pseudo_class_function_value_list.css.snap |   1 +
 .../pseudo/pseudo_class_identifier.css.snap   |   1 +
 .../pseudo/pseudo_element_selector.css.snap   |   1 +
 .../tests/specs/css/pseudo/where.css.snap     |   1 +
 .../css/quote_style/normalize_quotes.css      |  21 ++
 .../css/quote_style/normalize_quotes.css.snap | 105 +++++++
 .../tests/specs/css/quote_style/options.json  |   7 +
 .../specs/css/range/between_rules.css.snap    |   1 +
 .../tests/specs/css/range/keyframes.css.snap  |   1 +
 .../tests/specs/css/range/mid_value.css.snap  |   1 +
 .../specs/css/range/selector_list.css.snap    |   1 +
 .../css/range/single_declaration.css.snap     |   1 +
 .../specs/css/range/single_rule.css.snap      |   1 +
 .../specs/css/range/single_value.css.snap     |   1 +
 .../css/selectors/attribute_selector.css.snap |  53 ++--
 .../css/selectors/class_selector.css.snap     |   1 +
 .../css/selectors/complex_selector.css.snap   |   1 +
 .../specs/css/selectors/id_selector.css.snap  |   1 +
 .../css/selectors/selector_lists.css.snap     |   3 +-
 .../css/selectors/type_selector.css.snap      |   1 +
 .../tests/specs/css/simple.css.snap           |   1 +
 .../tests/specs/css/units.css.snap            |   1 +
 .../tests/specs/css/url.css.snap              |   1 +
 .../tests/specs/css/value_fill.css.snap       |   1 +
 .../tests/specs/css/variables.css.snap        |   1 +
 crates/biome_formatter/src/lib.rs             | 110 +++++++
 crates/biome_js_formatter/src/context.rs      | 113 +------
 crates/biome_js_formatter/src/utils/jsx.rs    |   3 +-
 .../src/utils/string_utils.rs                 |   5 +-
 crates/biome_js_formatter/tests/language.rs   |   4 +-
 crates/biome_js_formatter/tests/quick_test.rs |   4 +-
 crates/biome_service/src/configuration/css.rs |   9 +-
 .../src/configuration/javascript/formatter.rs |  15 +-
 .../src/configuration/overrides.rs            |  42 ++-
 .../src/configuration/parse/json/css/mod.rs   |   5 +
 crates/biome_service/src/file_handlers/css.rs |   8 +-
 .../src/file_handlers/javascript.rs           |   7 +-
 crates/biome_service/src/settings.rs          |  19 +-
 .../invalid/css_formatter_quote_style.json    |   7 +
 .../css_formatter_quote_style.json.snap       |  22 ++
 .../tests/invalid/formatter_quote_style.json  |   5 +
 .../invalid/formatter_quote_style.json.snap   |  29 ++
 .../tests/valid/base_options_inside_css.json  |   3 +-
 .../valid/base_options_inside_javascript.json |   5 +-
 .../@biomejs/backend-jsonrpc/src/workspace.ts |   3 +-
 .../@biomejs/biome/configuration_schema.json  |   3 +
 91 files changed, 937 insertions(+), 245 deletions(-)
 create mode 100644 crates/biome_cli/tests/snapshots/main_commands_format/applies_custom_css_quote_style.snap
 create mode 100644 crates/biome_css_formatter/tests/specs/css/quote_style/normalize_quotes.css
 create mode 100644 crates/biome_css_formatter/tests/specs/css/quote_style/normalize_quotes.css.snap
 create mode 100644 crates/biome_css_formatter/tests/specs/css/quote_style/options.json
 create mode 100644 crates/biome_service/tests/invalid/css_formatter_quote_style.json
 create mode 100644 crates/biome_service/tests/invalid/css_formatter_quote_style.json.snap
 create mode 100644 crates/biome_service/tests/invalid/formatter_quote_style.json
 create mode 100644 crates/biome_service/tests/invalid/formatter_quote_style.json.snap

diff --git a/crates/biome_cli/src/commands/mod.rs b/crates/biome_cli/src/commands/mod.rs
index 3e069bacb6fc..f680bf669592 100644
--- a/crates/biome_cli/src/commands/mod.rs
+++ b/crates/biome_cli/src/commands/mod.rs
@@ -408,7 +408,9 @@ pub(crate) fn validate_configuration_diagnostics(
             {if verbose { PrintDiagnostic::verbose(diagnostic) } else { PrintDiagnostic::simple(diagnostic) }}
         });
     }
+
     if loaded_configuration.has_errors() {
+        println!("{:#?}", loaded_configuration);
         return Err(CliDiagnostic::workspace_error(
             WorkspaceError::Configuration(ConfigurationDiagnostic::invalid_configuration(
                 "Biome exited because the configuration resulted in errors. Please fix them.",
diff --git a/crates/biome_cli/tests/cases/overrides_formatter.rs b/crates/biome_cli/tests/cases/overrides_formatter.rs
index b112bf563db6..e6151a71b34c 100644
--- a/crates/biome_cli/tests/cases/overrides_formatter.rs
+++ b/crates/biome_cli/tests/cases/overrides_formatter.rs
@@ -24,6 +24,11 @@ const FORMATTED_LINE_WIDTH: &str = "const a = [\"loreum\", \"ipsum\"];\n";
 const FORMATTED_WITH_SINGLE_QUOTES: &str = "const a = ['loreum', 'ipsum'];\n";
 const FORMATTED_WITH_NO_SEMICOLONS: &str = "const a = [\"loreum\", \"ipsum\"]\n";
 
+const CSS_UNFORMATTED_QUOTES: &str =
+    r#"[class='foo'] { background-image: url("/path/to/file.jpg")}"#;
+const CSS_FORMATTED_SINGLE_QUOTES_AND_SPACES: &str =
+    "[class='foo'] {\n  background-image: url('/path/to/file.jpg');\n}\n";
+
 #[test]
 fn does_handle_included_file_and_disable_formatter() {
     let mut console = BufferConsole::default();
@@ -239,10 +244,10 @@ fn does_include_file_with_different_languages() {
         r#"{
   "overrides": [
     { "include": ["test.js"], "formatter": { "lineWidth": 120 }, "javascript": { "formatter": { "quoteStyle": "single" } } },
-    { "include": ["test2.js"], "formatter": { "lineWidth": 120, "indentStyle": "space" }, "javascript": { "formatter": { "semicolons": "asNeeded" } } }
+    { "include": ["test2.js"], "formatter": { "lineWidth": 120, "indentStyle": "space" }, "javascript": { "formatter": { "semicolons": "asNeeded" } } },
+    { "include": ["test.css"], "formatter": { "lineWidth": 120, "indentStyle": "space" }, "css": { "formatter": { "quoteStyle": "single" } } }
    ]
 }
-
 "#
         .as_bytes(),
     );
@@ -252,6 +257,8 @@ fn does_include_file_with_different_languages() {
 
     let test2 = Path::new("test2.js");
     fs.insert(test2.into(), UNFORMATTED_LINE_WIDTH.as_bytes());
+    let test_css = Path::new("test.css");
+    fs.insert(test_css.into(), CSS_UNFORMATTED_QUOTES.as_bytes());
 
     let result = run_cli(
         DynRef::Borrowed(&mut fs),
@@ -262,6 +269,7 @@ fn does_include_file_with_different_languages() {
                 ("--write"),
                 test.as_os_str().to_str().unwrap(),
                 test2.as_os_str().to_str().unwrap(),
+                test_css.as_os_str().to_str().unwrap(),
             ]
             .as_slice(),
         ),
@@ -271,6 +279,7 @@ fn does_include_file_with_different_languages() {
 
     assert_file_contents(&fs, test, FORMATTED_WITH_SINGLE_QUOTES);
     assert_file_contents(&fs, test2, FORMATTED_WITH_NO_SEMICOLONS);
+    assert_file_contents(&fs, test_css, CSS_FORMATTED_SINGLE_QUOTES_AND_SPACES);
 
     assert_cli_snapshot(SnapshotPayload::new(
         module_path!(),
@@ -295,14 +304,12 @@ fn does_include_file_with_different_languages_and_files() {
         "include": ["test2.js"],
         "formatter": { "lineWidth": 120, "indentStyle": "space" },
         "javascript": { "formatter": { "semicolons": "asNeeded" } },
-        "json": { "formatter": { "indentStyle": "space", "lineWidth": 20, "indentWidth": 4 } },
-        "css": { "formatter": { "indentStyle": "space", "lineWidth": 30, "indentWidth": 3 } }
+        "json": { "formatter": { "indentStyle": "space", "lineWidth": 20, "indentWidth": 4 } }
     },
     {
         "include": ["test3.json"],
         "formatter": { "lineWidth": 120, "indentStyle": "space" },
-        "json": { "formatter": { "indentStyle": "space", "lineWidth": 20, "indentWidth": 4 } },
-        "css": { "formatter": { "indentStyle": "space", "lineWidth": 30, "indentWidth": 3 } }
+        "json": { "formatter": { "indentStyle": "space", "lineWidth": 20, "indentWidth": 4 } }
     }
   ]
 }
diff --git a/crates/biome_cli/tests/commands/format.rs b/crates/biome_cli/tests/commands/format.rs
index 6c0b7227284e..8a532cb02536 100644
--- a/crates/biome_cli/tests/commands/format.rs
+++ b/crates/biome_cli/tests/commands/format.rs
@@ -37,6 +37,12 @@ let b = {
 const APPLY_QUOTE_STYLE_AFTER: &str = "let a = 'something';
 let b = {\n\t'hey': 'hello',\n};\n";
 
+const APPLY_CSS_QUOTE_STYLE_BEFORE: &str =
+    r#"[class='foo'] { background-image: url("/path/to/file.jpg")}"#;
+
+const APPLY_CSS_QUOTE_STYLE_AFTER: &str =
+    "[class='foo'] {\n\tbackground-image: url('/path/to/file.jpg');\n}\n";
+
 const APPLY_TRAILING_COMMA_BEFORE: &str = r#"
 const a = [
 	longlonglonglongItem1longlonglonglongItem1,
@@ -616,6 +622,45 @@ fn applies_custom_quote_style() {
     ));
 }
 
+#[test]
+fn applies_custom_css_quote_style() {
+    let mut fs = MemoryFileSystem::default();
+    let mut console = BufferConsole::default();
+
+    let css_file_path = Path::new("file.css");
+    fs.insert(
+        css_file_path.into(),
+        APPLY_CSS_QUOTE_STYLE_BEFORE.as_bytes(),
+    );
+
+    let result = run_cli(
+        DynRef::Borrowed(&mut fs),
+        &mut console,
+        Args::from(
+            [
+                ("format"),
+                ("--css-formatter-quote-style"),
+                ("single"),
+                ("--write"),
+                css_file_path.as_os_str().to_str().unwrap(),
+            ]
+            .as_slice(),
+        ),
+    );
+
+    assert!(result.is_ok(), "run_cli returned {result:?}");
+
+    assert_file_contents(&fs, css_file_path, APPLY_CSS_QUOTE_STYLE_AFTER);
+
+    assert_cli_snapshot(SnapshotPayload::new(
+        module_path!(),
+        "applies_custom_css_quote_style",
+        fs,
+        console,
+        result,
+    ));
+}
+
 #[test]
 fn applies_custom_trailing_comma() {
     let mut fs = MemoryFileSystem::default();
diff --git a/crates/biome_cli/tests/snapshots/main_cases_overrides_formatter/does_include_file_with_different_languages.snap b/crates/biome_cli/tests/snapshots/main_cases_overrides_formatter/does_include_file_with_different_languages.snap
index 8ae59cc282db..cfef3d31aec1 100644
--- a/crates/biome_cli/tests/snapshots/main_cases_overrides_formatter/does_include_file_with_different_languages.snap
+++ b/crates/biome_cli/tests/snapshots/main_cases_overrides_formatter/does_include_file_with_different_languages.snap
@@ -16,11 +16,25 @@ expression: content
       "include": ["test2.js"],
       "formatter": { "lineWidth": 120, "indentStyle": "space" },
       "javascript": { "formatter": { "semicolons": "asNeeded" } }
+    },
+    {
+      "include": ["test.css"],
+      "formatter": { "lineWidth": 120, "indentStyle": "space" },
+      "css": { "formatter": { "quoteStyle": "single" } }
     }
   ]
 }
 ```
 
+## `test.css`
+
+```css
+[class='foo'] {
+  background-image: url('/path/to/file.jpg');
+}
+
+```
+
 ## `test.js`
 
 ```js
@@ -38,7 +52,7 @@ const a = ["loreum", "ipsum"]
 # Emitted Messages
 
 ```block
-Formatted 2 file(s) in <TIME>
+Formatted 3 file(s) in <TIME>
 ```
 
 
diff --git a/crates/biome_cli/tests/snapshots/main_cases_overrides_formatter/does_include_file_with_different_languages_and_files.snap b/crates/biome_cli/tests/snapshots/main_cases_overrides_formatter/does_include_file_with_different_languages_and_files.snap
index 5a26f47b44ca..3e1509b59e78 100644
--- a/crates/biome_cli/tests/snapshots/main_cases_overrides_formatter/does_include_file_with_different_languages_and_files.snap
+++ b/crates/biome_cli/tests/snapshots/main_cases_overrides_formatter/does_include_file_with_different_languages_and_files.snap
@@ -22,13 +22,6 @@ expression: content
           "lineWidth": 20,
           "indentWidth": 4
         }
-      },
-      "css": {
-        "formatter": {
-          "indentStyle": "space",
-          "lineWidth": 30,
-          "indentWidth": 3
-        }
       }
     },
     {
@@ -40,13 +33,6 @@ expression: content
           "lineWidth": 20,
           "indentWidth": 4
         }
-      },
-      "css": {
-        "formatter": {
-          "indentStyle": "space",
-          "lineWidth": 30,
-          "indentWidth": 3
-        }
       }
     }
   ]
diff --git a/crates/biome_cli/tests/snapshots/main_commands_check/check_help.snap b/crates/biome_cli/tests/snapshots/main_commands_check/check_help.snap
index 5c7f986990f5..90d7bd1543a0 100644
--- a/crates/biome_cli/tests/snapshots/main_commands_check/check_help.snap
+++ b/crates/biome_cli/tests/snapshots/main_commands_check/check_help.snap
@@ -29,7 +29,6 @@ The configuration that is contained inside the file `biome.json`
         --indent-width=NUMBER  The size of the indentation, 2 by default
         --line-ending=<lf|crlf|cr>  The type of line ending.
         --line-width=NUMBER   What's the max width of a line. Defaults to 80.
-        --quote-style=<double|single>  The type of quotes used in JavaScript code. Defaults to double.
         --jsx-quote-style=<double|single>  The type of quotes used in JSX. Defaults to double.
         --quote-properties=<preserve|as-needed>  When properties in objects are quoted. Defaults to asNeeded.
         --trailing-comma=<all|es5|none>  Print trailing commas wherever possible in multi-line comma-separated
@@ -55,6 +54,7 @@ The configuration that is contained inside the file `biome.json`
                               (and its super languages) files.
         --javascript-formatter-line-width=NUMBER  What's the max width of a line applied to JavaScript
                               (and its super languages) files. Defaults to 80.
+        --quote-style=<double|single>  The type of quotes used in JavaScript code. Defaults to double.
         --json-formatter-enabled=<true|false>  Control the formatter for JSON (and its super languages)
                               files.
         --json-formatter-indent-style=<tab|space>  The indent style applied to JSON (and its super languages)
diff --git a/crates/biome_cli/tests/snapshots/main_commands_ci/ci_help.snap b/crates/biome_cli/tests/snapshots/main_commands_ci/ci_help.snap
index ac509fb2d1b1..987e224e3d72 100644
--- a/crates/biome_cli/tests/snapshots/main_commands_ci/ci_help.snap
+++ b/crates/biome_cli/tests/snapshots/main_commands_ci/ci_help.snap
@@ -31,7 +31,6 @@ The configuration that is contained inside the file `biome.json`
         --indent-width=NUMBER  The size of the indentation, 2 by default
         --line-ending=<lf|crlf|cr>  The type of line ending.
         --line-width=NUMBER   What's the max width of a line. Defaults to 80.
-        --quote-style=<double|single>  The type of quotes used in JavaScript code. Defaults to double.
         --jsx-quote-style=<double|single>  The type of quotes used in JSX. Defaults to double.
         --quote-properties=<preserve|as-needed>  When properties in objects are quoted. Defaults to asNeeded.
         --trailing-comma=<all|es5|none>  Print trailing commas wherever possible in multi-line comma-separated
@@ -57,6 +56,7 @@ The configuration that is contained inside the file `biome.json`
                               (and its super languages) files.
         --javascript-formatter-line-width=NUMBER  What's the max width of a line applied to JavaScript
                               (and its super languages) files. Defaults to 80.
+        --quote-style=<double|single>  The type of quotes used in JavaScript code. Defaults to double.
         --json-formatter-enabled=<true|false>  Control the formatter for JSON (and its super languages)
                               files.
         --json-formatter-indent-style=<tab|space>  The indent style applied to JSON (and its super languages)
diff --git a/crates/biome_cli/tests/snapshots/main_commands_format/applies_custom_css_quote_style.snap b/crates/biome_cli/tests/snapshots/main_commands_format/applies_custom_css_quote_style.snap
new file mode 100644
index 000000000000..de14c65d7aa3
--- /dev/null
+++ b/crates/biome_cli/tests/snapshots/main_commands_format/applies_custom_css_quote_style.snap
@@ -0,0 +1,20 @@
+---
+source: crates/biome_cli/tests/snap_test.rs
+expression: content
+---
+## `file.css`
+
+```css
+[class='foo'] {
+	background-image: url('/path/to/file.jpg');
+}
+
+```
+
+# Emitted Messages
+
+```block
+Formatted 1 file(s) in <TIME>
+```
+
+
diff --git a/crates/biome_cli/tests/snapshots/main_commands_format/format_help.snap b/crates/biome_cli/tests/snapshots/main_commands_format/format_help.snap
index 853ef20b516b..59316dbf2e3a 100644
--- a/crates/biome_cli/tests/snapshots/main_commands_format/format_help.snap
+++ b/crates/biome_cli/tests/snapshots/main_commands_format/format_help.snap
@@ -17,7 +17,6 @@ Generic options applied to all files
         --line-width=NUMBER   What's the max width of a line. Defaults to 80.
 
 Formatting options specific to the JavaScript files
-        --quote-style=<double|single>  The type of quotes used in JavaScript code. Defaults to double.
         --jsx-quote-style=<double|single>  The type of quotes used in JSX. Defaults to double.
         --quote-properties=<preserve|as-needed>  When properties in objects are quoted. Defaults to asNeeded.
         --trailing-comma=<all|es5|none>  Print trailing commas wherever possible in multi-line comma-separated
@@ -43,6 +42,7 @@ Formatting options specific to the JavaScript files
                               (and its super languages) files.
         --javascript-formatter-line-width=NUMBER  What's the max width of a line applied to JavaScript
                               (and its super languages) files. Defaults to 80.
+        --quote-style=<double|single>  The type of quotes used in JavaScript code. Defaults to double.
 
 Set of properties to integrate Biome with a VCS software.
         --vcs-client-kind=<git>  The kind of client.
diff --git a/crates/biome_css_formatter/src/context.rs b/crates/biome_css_formatter/src/context.rs
index 8f6390826165..2b94b21a70d3 100644
--- a/crates/biome_css_formatter/src/context.rs
+++ b/crates/biome_css_formatter/src/context.rs
@@ -1,5 +1,5 @@
 use crate::CssCommentStyle;
-use biome_formatter::{prelude::*, IndentWidth};
+use biome_formatter::{prelude::*, IndentWidth, QuoteStyle};
 use biome_formatter::{
     CstFormatContext, FormatContext, FormatOptions, IndentStyle, LineEnding, LineWidth,
     TransformSourceMap,
@@ -61,6 +61,7 @@ pub struct CssFormatOptions {
     indent_width: IndentWidth,
     line_ending: LineEnding,
     line_width: LineWidth,
+    quote_style: QuoteStyle,
     _file_source: CssFileSource,
 }
 
@@ -72,6 +73,7 @@ impl CssFormatOptions {
             indent_width: IndentWidth::default(),
             line_ending: LineEnding::default(),
             line_width: LineWidth::default(),
+            quote_style: QuoteStyle::default(),
         }
     }
 
@@ -95,6 +97,11 @@ impl CssFormatOptions {
         self
     }
 
+    pub fn with_quote_style(mut self, quote_style: QuoteStyle) -> Self {
+        self.quote_style = quote_style;
+        self
+    }
+
     pub fn set_indent_style(&mut self, indent_style: IndentStyle) {
         self.indent_style = indent_style;
     }
@@ -110,6 +117,14 @@ impl CssFormatOptions {
     pub fn set_line_width(&mut self, line_width: LineWidth) {
         self.line_width = line_width;
     }
+
+    pub fn set_quote_style(&mut self, quote_style: QuoteStyle) {
+        self.quote_style = quote_style;
+    }
+
+    pub fn quote_style(&self) -> QuoteStyle {
+        self.quote_style
+    }
 }
 
 impl FormatOptions for CssFormatOptions {
@@ -139,6 +154,7 @@ impl fmt::Display for CssFormatOptions {
         writeln!(f, "Indent style: {}", self.indent_style)?;
         writeln!(f, "Indent width: {}", self.indent_width.value())?;
         writeln!(f, "Line ending: {}", self.line_ending)?;
-        writeln!(f, "Line width: {}", self.line_width.get())
+        writeln!(f, "Line width: {}", self.line_width.get())?;
+        writeln!(f, "Quote style: {}", self.quote_style)
     }
 }
diff --git a/crates/biome_css_formatter/src/css/any/dimension.rs b/crates/biome_css_formatter/src/css/any/dimension.rs
index 0966005855fc..69402e461cd8 100644
--- a/crates/biome_css_formatter/src/css/any/dimension.rs
+++ b/crates/biome_css_formatter/src/css/any/dimension.rs
@@ -9,8 +9,8 @@ impl FormatRule<AnyCssDimension> for FormatAnyCssDimension {
     fn fmt(&self, node: &AnyCssDimension, f: &mut CssFormatter) -> FormatResult<()> {
         match node {
             AnyCssDimension::CssRegularDimension(node) => node.format().fmt(f),
-            AnyCssDimension::CssPercentage(node) => node.format().fmt(f),
             AnyCssDimension::CssUnknownDimension(node) => node.format().fmt(f),
+            AnyCssDimension::CssPercentage(node) => node.format().fmt(f),
         }
     }
 }
diff --git a/crates/biome_css_formatter/src/css/auxiliary/attribute_matcher_value.rs b/crates/biome_css_formatter/src/css/auxiliary/attribute_matcher_value.rs
index 429f7a74799e..feb40379c8ad 100644
--- a/crates/biome_css_formatter/src/css/auxiliary/attribute_matcher_value.rs
+++ b/crates/biome_css_formatter/src/css/auxiliary/attribute_matcher_value.rs
@@ -1,6 +1,4 @@
-use std::borrow::Cow;
-
-use crate::prelude::*;
+use crate::{prelude::*, utils::string_utils::FormatLiteralStringToken};
 use biome_css_syntax::{
     AnyCssAttributeMatcherValue, CssAttributeMatcherValue, CssAttributeMatcherValueFields,
 };
@@ -28,26 +26,16 @@ impl FormatNodeRule<CssAttributeMatcherValue> for FormatCssAttributeMatcherValue
                     return write!(f, [ident.format()]);
                 }
 
-                // Unlike almost all other usages of regular identifiers,
-                // attribute values are case-sensitive, so the identifier here
-                // does not get converted to lowercase. Once it's quoted, it
-                // will be parsed as a CssString on the next pass, at which
-                // point casing is preserved no matter what.
-                let value = ident.value_token()?;
-                let quoted = std::format!("\"{}\"", value.text_trimmed());
-
                 write!(
                     f,
                     [
                         format_leading_comments(ident.syntax()),
-                        format_replaced(
-                            &value,
-                            &syntax_token_cow_slice(
-                                Cow::Owned(quoted),
-                                &value,
-                                value.text_trimmed_range().start()
-                            )
-                        ),
+                        // Unlike almost all other usages of regular identifiers,
+                        // attribute values are case-sensitive, so the identifier here
+                        // does not get converted to lowercase. Once it's quoted, it
+                        // will be parsed as a CssString on the next pass, at which
+                        // point casing is preserved no matter what.
+                        FormatLiteralStringToken::new(&ident.value_token()?),
                         format_trailing_comments(ident.syntax()),
                         format_dangling_comments(ident.syntax())
                     ]
diff --git a/crates/biome_css_formatter/src/css/value/string.rs b/crates/biome_css_formatter/src/css/value/string.rs
index 326913c4be40..943cfd533732 100644
--- a/crates/biome_css_formatter/src/css/value/string.rs
+++ b/crates/biome_css_formatter/src/css/value/string.rs
@@ -1,4 +1,4 @@
-use crate::prelude::*;
+use crate::{prelude::*, utils::string_utils::FormatLiteralStringToken};
 use biome_css_syntax::{CssString, CssStringFields};
 use biome_formatter::write;
 
@@ -8,6 +8,6 @@ impl FormatNodeRule<CssString> for FormatCssString {
     fn fmt_fields(&self, node: &CssString, f: &mut CssFormatter) -> FormatResult<()> {
         let CssStringFields { value_token } = node.as_fields();
 
-        write!(f, [value_token.format()])
+        write!(f, [FormatLiteralStringToken::new(&value_token?)])
     }
 }
diff --git a/crates/biome_css_formatter/src/utils/string_utils.rs b/crates/biome_css_formatter/src/utils/string_utils.rs
index 4f0405d9915a..a374292d0a0f 100644
--- a/crates/biome_css_formatter/src/utils/string_utils.rs
+++ b/crates/biome_css_formatter/src/utils/string_utils.rs
@@ -1,7 +1,12 @@
 use std::borrow::Cow;
 
+use crate::context::CssFormatOptions;
 use crate::prelude::*;
 use biome_css_syntax::CssLanguage;
+use biome_css_syntax::CssSyntaxKind::{CSS_STRING_LITERAL, CSS_URL_VALUE_RAW_LITERAL, IDENT};
+use biome_css_syntax::CssSyntaxToken;
+use biome_formatter::token::string::normalize_string;
+use biome_formatter::QuoteStyle;
 use biome_formatter::{
     prelude::{dynamic_text, write},
     token::string::ToAsciiLowercaseCow,
@@ -37,3 +42,288 @@ impl Format<CssFormatContext> for FormatTokenAsLowercase {
         }
     }
 }
+
+/// Data structure of convenience to format string literals. This is copied
+/// from the JS formatter, but should eventually have the logic made generic
+/// and reusable since many languages will have the same needs.
+pub(crate) struct FormatLiteralStringToken<'token> {
+    /// The current token
+    token: &'token CssSyntaxToken,
+}
+
+impl<'token> FormatLiteralStringToken<'token> {
+    pub fn new(token: &'token CssSyntaxToken) -> Self {
+        Self { token }
+    }
+
+    fn token(&self) -> &'token CssSyntaxToken {
+        self.token
+    }
+
+    pub fn clean_text(&self, options: &CssFormatOptions) -> CleanedStringLiteralText {
+        let token = self.token();
+        debug_assert!(
+            matches!(
+                token.kind(),
+                CSS_STRING_LITERAL | CSS_URL_VALUE_RAW_LITERAL | IDENT
+            ),
+            "Found kind {:?}",
+            token.kind()
+        );
+
+        let chosen_quote_style = options.quote_style();
+        let mut string_cleaner = LiteralStringNormaliser::new(self, chosen_quote_style);
+
+        let content = string_cleaner.normalise_text();
+
+        CleanedStringLiteralText {
+            text: content,
+            token,
+        }
+    }
+}
+
+pub(crate) struct CleanedStringLiteralText<'a> {
+    token: &'a CssSyntaxToken,
+    text: Cow<'a, str>,
+}
+
+impl Format<CssFormatContext> for CleanedStringLiteralText<'_> {
+    fn fmt(&self, f: &mut Formatter<CssFormatContext>) -> FormatResult<()> {
+        format_replaced(
+            self.token,
+            &syntax_token_cow_slice(
+                self.text.clone(),
+                self.token,
+                self.token.text_trimmed_range().start(),
+            ),
+        )
+        .fmt(f)
+    }
+}
+
+impl Format<CssFormatContext> for FormatLiteralStringToken<'_> {
+    fn fmt(&self, f: &mut CssFormatter) -> FormatResult<()> {
+        let cleaned = self.clean_text(f.options());
+
+        cleaned.fmt(f)
+    }
+}
+
+/// Data structure of convenience to store some information about the
+/// string that has been processed
+struct StringInformation {
+    /// This is the quote that the is calculated and eventually used inside the string.
+    /// It could be different from the one inside the formatter options
+    preferred_quote: QuoteStyle,
+    /// It flags if the raw content has quotes (single or double). The raw content is the
+    /// content of a string literal without the quotes
+    raw_content_has_quotes: bool,
+}
+
+impl FormatLiteralStringToken<'_> {
+    /// This function determines which quotes should be used inside to enclose the string.
+    /// The function take as a input the string **without quotes**.
+    ///
+    /// # How it works
+    ///
+    /// The function determines the preferred quote and alternate quote.
+    /// The preferred quote is the one that comes from the formatter options. The alternate quote is the other one.
+    ///
+    /// We check how many preferred quotes we have inside the content. If this number is greater then the
+    /// number alternate quotes that we have inside the content,
+    /// then we swap them, so we can reduce the number of escaped quotes.
+    ///
+    /// For example, let's suppose that the preferred quote is double, and we have a string like this:
+    /// ```js
+    /// (" content \"\"\" don't ")
+    /// ```
+    /// Excluding the quotes at the start and beginning, we have three double quote and one single quote.
+    /// If we decided to keep them like this, we would have three escaped quotes.
+    ///
+    /// But then, we choose the single quote as preferred quote and we would have only one quote that is escaped,
+    /// resulting into a string like this:
+    /// ```js
+    /// (' content """ dont\'t ')
+    /// ```
+    /// Like this, we reduced the number of escaped quotes.
+    fn compute_string_information(&self, chosen_quote: QuoteStyle) -> StringInformation {
+        // For anything other than string literals, the token won't have
+        // pre-existing quotes, so we can just immediately, safely use the
+        // preferred quote style without having to check the content.
+        if !matches!(self.token().kind(), CSS_STRING_LITERAL) {
+            return StringInformation {
+                raw_content_has_quotes: false,
+                preferred_quote: chosen_quote,
+            };
+        }
+
+        let literal = self.token().text_trimmed();
+        let alternate = chosen_quote.other();
+
+        let char_count = literal.chars().count();
+
+        let (preferred_quotes_count, alternate_quotes_count) = literal.chars().enumerate().fold(
+            (0, 0),
+            |(preferred_quotes_counter, alternate_quotes_counter), (index, current_character)| {
+                if index == 0 || index == char_count - 1 {
+                    (preferred_quotes_counter, alternate_quotes_counter)
+                } else if current_character == chosen_quote.as_char() {
+                    (preferred_quotes_counter + 1, alternate_quotes_counter)
+                } else if current_character == alternate.as_char() {
+                    (preferred_quotes_counter, alternate_quotes_counter + 1)
+                } else {
+                    (preferred_quotes_counter, alternate_quotes_counter)
+                }
+            },
+        );
+
+        StringInformation {
+            raw_content_has_quotes: preferred_quotes_count > 0 || alternate_quotes_count > 0,
+            preferred_quote: if preferred_quotes_count > alternate_quotes_count {
+                alternate
+            } else {
+                chosen_quote
+            },
+        }
+    }
+}
+
+/// Struct of convenience used to manipulate the string. It saves some state in order to apply
+/// the normalise process.
+struct LiteralStringNormaliser<'token> {
+    /// The current token
+    token: &'token FormatLiteralStringToken<'token>,
+    /// The quote that was set inside the configuration
+    chosen_quote_style: QuoteStyle,
+}
+
+impl<'token> LiteralStringNormaliser<'token> {
+    pub fn new(
+        token: &'token FormatLiteralStringToken<'_>,
+        chosen_quote_style: QuoteStyle,
+    ) -> Self {
+        Self {
+            token,
+            chosen_quote_style,
+        }
+    }
+
+    fn normalise_text(&mut self) -> Cow<'token, str> {
+        let string_information = self
+            .token
+            .compute_string_information(self.chosen_quote_style);
+
+        match self.token.token.kind() {
+            CSS_STRING_LITERAL => self.normalise_string_literal(string_information),
+            _ => self.normalise_non_string_token(string_information),
+        }
+    }
+
+    fn get_token(&self) -> &'token CssSyntaxToken {
+        self.token.token()
+    }
+
+    fn normalise_string_literal(&self, string_information: StringInformation) -> Cow<'token, str> {
+        let preferred_quote = string_information.preferred_quote;
+        let polished_raw_content = self.normalize_string(&string_information);
+
+        match polished_raw_content {
+            Cow::Borrowed(raw_content) => {
+                let final_content = self.swap_quotes(raw_content, &string_information);
+                match final_content {
+                    Cow::Borrowed(final_content) => Cow::Borrowed(final_content),
+                    Cow::Owned(final_content) => Cow::Owned(final_content),
+                }
+            }
+            Cow::Owned(s) => {
+                // content is owned, meaning we allocated a new string,
+                // so we force replacing quotes, regardless
+                let final_content = std::format!(
+                    "{}{}{}",
+                    preferred_quote.as_char(),
+                    s.as_str(),
+                    preferred_quote.as_char()
+                );
+
+                Cow::Owned(final_content)
+            }
+        }
+    }
+
+    /// Add the chosen quotes to any other kind of token to normalize it into a string.
+    ///
+    /// CSS has various places where "string-like" tokens can be used without quotes, but the
+    /// semantics aren't affected by whether they are present or not. This function lets those
+    /// tokens become string literals by safely adding quotes around them.
+    fn normalise_non_string_token(
+        &self,
+        string_information: StringInformation,
+    ) -> Cow<'token, str> {
+        let preferred_quote = string_information.preferred_quote;
+        let polished_raw_content = self.normalize_string(&string_information);
+
+        match polished_raw_content {
+            Cow::Borrowed(raw_content) => {
+                let final_content = self.swap_quotes(raw_content, &string_information);
+                match final_content {
+                    Cow::Borrowed(final_content) => Cow::Borrowed(final_content),
+                    Cow::Owned(final_content) => Cow::Owned(final_content),
+                }
+            }
+            Cow::Owned(s) => {
+                // content is owned, meaning we allocated a new string,
+                // so we force replacing quotes, regardless
+                let final_content = std::format!(
+                    "{}{}{}",
+                    preferred_quote.as_char(),
+                    s.as_str(),
+                    preferred_quote.as_char()
+                );
+
+                Cow::Owned(final_content)
+            }
+        }
+    }
+
+    fn normalize_string(&self, string_information: &StringInformation) -> Cow<'token, str> {
+        let raw_content = self.raw_content();
+
+        normalize_string(raw_content, string_information.preferred_quote.into(), true)
+    }
+
+    fn raw_content(&self) -> &'token str {
+        let token = self.get_token();
+        match token.kind() {
+            CSS_STRING_LITERAL => {
+                let content = token.text_trimmed();
+                &content[1..content.len() - 1]
+            }
+            _ => token.text_trimmed(),
+        }
+    }
+
+    fn swap_quotes(
+        &self,
+        content_to_use: &'token str,
+        string_information: &StringInformation,
+    ) -> Cow<'token, str> {
+        let original_content = self.get_token().text_trimmed();
+        let preferred_quote = string_information.preferred_quote;
+
+        let raw_content_has_quotes = string_information.raw_content_has_quotes;
+
+        if raw_content_has_quotes {
+            Cow::Borrowed(original_content)
+        } else if !original_content.starts_with(preferred_quote.as_char()) {
+            Cow::Owned(std::format!(
+                "{}{}{}",
+                preferred_quote.as_char(),
+                content_to_use,
+                preferred_quote.as_char()
+            ))
+        } else {
+            Cow::Borrowed(original_content)
+        }
+    }
+}
diff --git a/crates/biome_css_formatter/tests/language.rs b/crates/biome_css_formatter/tests/language.rs
index 0a396a7a4761..553892e10e8d 100644
--- a/crates/biome_css_formatter/tests/language.rs
+++ b/crates/biome_css_formatter/tests/language.rs
@@ -3,7 +3,7 @@ use biome_css_formatter::{format_node, format_range, CssFormatLanguage};
 use biome_css_parser::{parse_css, CssParserOptions};
 use biome_css_syntax::{CssFileSource, CssLanguage};
 use biome_formatter::{
-    FormatContext, FormatResult, Formatted, IndentStyle, LineEnding, LineWidth, Printed,
+    FormatContext, FormatResult, Formatted, IndentStyle, LineEnding, LineWidth, Printed, QuoteStyle,
 };
 use biome_formatter_test::TestFormatLanguage;
 use biome_parser::AnyParse;
@@ -63,24 +63,39 @@ impl TestFormatLanguage for CssTestFormatLanguage {
 }
 
 #[derive(Debug, Eq, PartialEq, Clone, Copy, Deserialize, Serialize)]
-pub enum JsonSerializableIndentStyle {
+pub enum CssSerializableIndentStyle {
     /// Tab
     Tab,
     /// Space
     Space,
 }
 
-impl From<JsonSerializableIndentStyle> for IndentStyle {
-    fn from(test: JsonSerializableIndentStyle) -> Self {
+impl From<CssSerializableIndentStyle> for IndentStyle {
+    fn from(test: CssSerializableIndentStyle) -> Self {
         match test {
-            JsonSerializableIndentStyle::Tab => IndentStyle::Tab,
-            JsonSerializableIndentStyle::Space => IndentStyle::Space,
+            CssSerializableIndentStyle::Tab => IndentStyle::Tab,
+            CssSerializableIndentStyle::Space => IndentStyle::Space,
         }
     }
 }
 
 #[derive(Debug, Eq, PartialEq, Clone, Copy, Deserialize, Serialize)]
-pub enum JsonSerializableLineEnding {
+pub enum CssSerializableQuoteStyle {
+    Double,
+    Single,
+}
+
+impl From<CssSerializableQuoteStyle> for QuoteStyle {
+    fn from(test: CssSerializableQuoteStyle) -> Self {
+        match test {
+            CssSerializableQuoteStyle::Double => QuoteStyle::Double,
+            CssSerializableQuoteStyle::Single => QuoteStyle::Single,
+        }
+    }
+}
+
+#[derive(Debug, Eq, PartialEq, Clone, Copy, Deserialize, Serialize)]
+pub enum CssSerializableLineEnding {
     ///  Line Feed only (\n), common on Linux and macOS as well as inside git repos
     Lf,
 
@@ -91,33 +106,36 @@ pub enum JsonSerializableLineEnding {
     Cr,
 }
 
-impl From<JsonSerializableLineEnding> for LineEnding {
-    fn from(test: JsonSerializableLineEnding) -> Self {
+impl From<CssSerializableLineEnding> for LineEnding {
+    fn from(test: CssSerializableLineEnding) -> Self {
         match test {
-            JsonSerializableLineEnding::Lf => LineEnding::Lf,
-            JsonSerializableLineEnding::Crlf => LineEnding::Crlf,
-            JsonSerializableLineEnding::Cr => LineEnding::Cr,
+            CssSerializableLineEnding::Lf => LineEnding::Lf,
+            CssSerializableLineEnding::Crlf => LineEnding::Crlf,
+            CssSerializableLineEnding::Cr => LineEnding::Cr,
         }
     }
 }
 
 #[derive(Debug, Deserialize, Serialize, Clone, Copy)]
-pub struct JsonSerializableFormatOptions {
+pub struct CssSerializableFormatOptions {
     /// The indent style.
-    pub indent_style: Option<JsonSerializableIndentStyle>,
+    pub indent_style: Option<CssSerializableIndentStyle>,
 
     /// The indent width.
     pub indent_width: Option<u8>,
 
     /// The type of line ending.
-    pub line_ending: Option<JsonSerializableLineEnding>,
+    pub line_ending: Option<CssSerializableLineEnding>,
 
     /// What's the max width of a line. Defaults to 80.
     pub line_width: Option<u16>,
+
+    /// The style for quotes. Defaults to double.
+    pub quote_style: Option<CssSerializableQuoteStyle>,
 }
 
-impl From<JsonSerializableFormatOptions> for CssFormatOptions {
-    fn from(test: JsonSerializableFormatOptions) -> Self {
+impl From<CssSerializableFormatOptions> for CssFormatOptions {
+    fn from(test: CssSerializableFormatOptions) -> Self {
         CssFormatOptions::default()
             .with_indent_style(test.indent_style.map(Into::into).unwrap_or_default())
             .with_indent_width(test.indent_width.map(Into::into).unwrap_or_default())
@@ -126,10 +144,14 @@ impl From<JsonSerializableFormatOptions> for CssFormatOptions {
                     .and_then(|width| LineWidth::try_from(width).ok())
                     .unwrap_or_default(),
             )
+            .with_quote_style(
+                test.quote_style
+                    .map_or_else(|| QuoteStyle::Double, |value| value.into()),
+            )
     }
 }
 
 #[derive(Debug, Deserialize, Serialize)]
 struct TestOptions {
-    cases: Vec<JsonSerializableFormatOptions>,
+    cases: Vec<CssSerializableFormatOptions>,
 }
diff --git a/crates/biome_css_formatter/tests/specs/css/atrule/charset.css.snap b/crates/biome_css_formatter/tests/specs/css/atrule/charset.css.snap
index 8b1f209524bb..4032071b7c83 100644
--- a/crates/biome_css_formatter/tests/specs/css/atrule/charset.css.snap
+++ b/crates/biome_css_formatter/tests/specs/css/atrule/charset.css.snap
@@ -26,6 +26,7 @@ Indent style: Tab
 Indent width: 2
 Line ending: LF
 Line width: 80
+Quote style: Double Quotes
 -----
 
 ```css
diff --git a/crates/biome_css_formatter/tests/specs/css/atrule/color_profile.css.snap b/crates/biome_css_formatter/tests/specs/css/atrule/color_profile.css.snap
index ec723bf94894..1254015a21ae 100644
--- a/crates/biome_css_formatter/tests/specs/css/atrule/color_profile.css.snap
+++ b/crates/biome_css_formatter/tests/specs/css/atrule/color_profile.css.snap
@@ -29,6 +29,7 @@ Indent style: Tab
 Indent width: 2
 Line ending: LF
 Line width: 80
+Quote style: Double Quotes
 -----
 
 ```css
diff --git a/crates/biome_css_formatter/tests/specs/css/atrule/container.css.snap b/crates/biome_css_formatter/tests/specs/css/atrule/container.css.snap
index 67bddb1f589e..980ae772addf 100644
--- a/crates/biome_css_formatter/tests/specs/css/atrule/container.css.snap
+++ b/crates/biome_css_formatter/tests/specs/css/atrule/container.css.snap
@@ -89,6 +89,7 @@ Indent style: Tab
 Indent width: 2
 Line ending: LF
 Line width: 80
+Quote style: Double Quotes
 -----
 
 ```css
diff --git a/crates/biome_css_formatter/tests/specs/css/atrule/counter_style.css.snap b/crates/biome_css_formatter/tests/specs/css/atrule/counter_style.css.snap
index c2fef3e6cc19..1873ada06d67 100644
--- a/crates/biome_css_formatter/tests/specs/css/atrule/counter_style.css.snap
+++ b/crates/biome_css_formatter/tests/specs/css/atrule/counter_style.css.snap
@@ -89,6 +89,7 @@ Indent style: Tab
 Indent width: 2
 Line ending: LF
 Line width: 80
+Quote style: Double Quotes
 -----
 
 ```css
diff --git a/crates/biome_css_formatter/tests/specs/css/atrule/font_face.css.snap b/crates/biome_css_formatter/tests/specs/css/atrule/font_face.css.snap
index 75ab86aa55d8..afdcc4148d22 100644
--- a/crates/biome_css_formatter/tests/specs/css/atrule/font_face.css.snap
+++ b/crates/biome_css_formatter/tests/specs/css/atrule/font_face.css.snap
@@ -109,6 +109,7 @@ Indent style: Tab
 Indent width: 2
 Line ending: LF
 Line width: 80
+Quote style: Double Quotes
 -----
 
 ```css
diff --git a/crates/biome_css_formatter/tests/specs/css/atrule/keyframes.css.snap b/crates/biome_css_formatter/tests/specs/css/atrule/keyframes.css.snap
index 2b6bac91dc3a..dfbac3bef909 100644
--- a/crates/biome_css_formatter/tests/specs/css/atrule/keyframes.css.snap
+++ b/crates/biome_css_formatter/tests/specs/css/atrule/keyframes.css.snap
@@ -246,6 +246,7 @@ Indent style: Tab
 Indent width: 2
 Line ending: LF
 Line width: 80
+Quote style: Double Quotes
 -----
 
 ```css
diff --git a/crates/biome_css_formatter/tests/specs/css/atrule/layer.css.snap b/crates/biome_css_formatter/tests/specs/css/atrule/layer.css.snap
index 062473306a8d..adf72a578f3d 100644
--- a/crates/biome_css_formatter/tests/specs/css/atrule/layer.css.snap
+++ b/crates/biome_css_formatter/tests/specs/css/atrule/layer.css.snap
@@ -89,6 +89,7 @@ Indent style: Tab
 Indent width: 2
 Line ending: LF
 Line width: 80
+Quote style: Double Quotes
 -----
 
 ```css
diff --git a/crates/biome_css_formatter/tests/specs/css/atrule/media.css.snap b/crates/biome_css_formatter/tests/specs/css/atrule/media.css.snap
index 8810c9ea9fad..d9666bedc95a 100644
--- a/crates/biome_css_formatter/tests/specs/css/atrule/media.css.snap
+++ b/crates/biome_css_formatter/tests/specs/css/atrule/media.css.snap
@@ -67,6 +67,7 @@ Indent style: Tab
 Indent width: 2
 Line ending: LF
 Line width: 80
+Quote style: Double Quotes
 -----
 
 ```css
diff --git a/crates/biome_css_formatter/tests/specs/css/atrule/page.css.snap b/crates/biome_css_formatter/tests/specs/css/atrule/page.css.snap
index 5574188377a3..5fccfeb8cbcf 100644
--- a/crates/biome_css_formatter/tests/specs/css/atrule/page.css.snap
+++ b/crates/biome_css_formatter/tests/specs/css/atrule/page.css.snap
@@ -95,6 +95,7 @@ Indent style: Tab
 Indent width: 2
 Line ending: LF
 Line width: 80
+Quote style: Double Quotes
 -----
 
 ```css
diff --git a/crates/biome_css_formatter/tests/specs/css/atrule/page_complex.css.snap b/crates/biome_css_formatter/tests/specs/css/atrule/page_complex.css.snap
index d37f0347ba30..f18d0ea6cba6 100644
--- a/crates/biome_css_formatter/tests/specs/css/atrule/page_complex.css.snap
+++ b/crates/biome_css_formatter/tests/specs/css/atrule/page_complex.css.snap
@@ -146,6 +146,7 @@ Indent style: Tab
 Indent width: 2
 Line ending: LF
 Line width: 80
+Quote style: Double Quotes
 -----
 
 ```css
diff --git a/crates/biome_css_formatter/tests/specs/css/atrule/scope.css.snap b/crates/biome_css_formatter/tests/specs/css/atrule/scope.css.snap
index 9179264f8ced..17db437537da 100644
--- a/crates/biome_css_formatter/tests/specs/css/atrule/scope.css.snap
+++ b/crates/biome_css_formatter/tests/specs/css/atrule/scope.css.snap
@@ -88,6 +88,7 @@ Indent style: Tab
 Indent width: 2
 Line ending: LF
 Line width: 80
+Quote style: Double Quotes
 -----
 
 ```css
diff --git a/crates/biome_css_formatter/tests/specs/css/atrule/supports.css.snap b/crates/biome_css_formatter/tests/specs/css/atrule/supports.css.snap
index 27b7abba6ae0..5a4541150494 100644
--- a/crates/biome_css_formatter/tests/specs/css/atrule/supports.css.snap
+++ b/crates/biome_css_formatter/tests/specs/css/atrule/supports.css.snap
@@ -199,6 +199,7 @@ Indent style: Tab
 Indent width: 2
 Line ending: LF
 Line width: 80
+Quote style: Double Quotes
 -----
 
 ```css
diff --git a/crates/biome_css_formatter/tests/specs/css/atrule/supports_complex.css.snap b/crates/biome_css_formatter/tests/specs/css/atrule/supports_complex.css.snap
index 4ab0f09d9e0f..51ab6e27b97e 100644
--- a/crates/biome_css_formatter/tests/specs/css/atrule/supports_complex.css.snap
+++ b/crates/biome_css_formatter/tests/specs/css/atrule/supports_complex.css.snap
@@ -64,6 +64,7 @@ Indent style: Tab
 Indent width: 2
 Line ending: LF
 Line width: 80
+Quote style: Double Quotes
 -----
 
 ```css
diff --git a/crates/biome_css_formatter/tests/specs/css/block.css.snap b/crates/biome_css_formatter/tests/specs/css/block.css.snap
index 3308aab3f568..2996439807ab 100644
--- a/crates/biome_css_formatter/tests/specs/css/block.css.snap
+++ b/crates/biome_css_formatter/tests/specs/css/block.css.snap
@@ -41,6 +41,7 @@ Indent style: Tab
 Indent width: 2
 Line ending: LF
 Line width: 80
+Quote style: Double Quotes
 -----
 
 ```css
diff --git a/crates/biome_css_formatter/tests/specs/css/casing.css.snap b/crates/biome_css_formatter/tests/specs/css/casing.css.snap
index 9486a2f8f153..1220fb0f6bb4 100644
--- a/crates/biome_css_formatter/tests/specs/css/casing.css.snap
+++ b/crates/biome_css_formatter/tests/specs/css/casing.css.snap
@@ -49,6 +49,7 @@ Indent style: Tab
 Indent width: 2
 Line ending: LF
 Line width: 80
+Quote style: Double Quotes
 -----
 
 ```css
diff --git a/crates/biome_css_formatter/tests/specs/css/color/functional_colors.css.snap b/crates/biome_css_formatter/tests/specs/css/color/functional_colors.css.snap
index fc91e5323877..8dd47f9a8461 100644
--- a/crates/biome_css_formatter/tests/specs/css/color/functional_colors.css.snap
+++ b/crates/biome_css_formatter/tests/specs/css/color/functional_colors.css.snap
@@ -51,6 +51,7 @@ Indent style: Tab
 Indent width: 2
 Line ending: LF
 Line width: 80
+Quote style: Double Quotes
 -----
 
 ```css
diff --git a/crates/biome_css_formatter/tests/specs/css/color/hex_colors.css.snap b/crates/biome_css_formatter/tests/specs/css/color/hex_colors.css.snap
index 05e3da5f3ef0..fbc256084ac5 100644
--- a/crates/biome_css_formatter/tests/specs/css/color/hex_colors.css.snap
+++ b/crates/biome_css_formatter/tests/specs/css/color/hex_colors.css.snap
@@ -27,6 +27,7 @@ Indent style: Tab
 Indent width: 2
 Line ending: LF
 Line width: 80
+Quote style: Double Quotes
 -----
 
 ```css
diff --git a/crates/biome_css_formatter/tests/specs/css/declaration_list.css.snap b/crates/biome_css_formatter/tests/specs/css/declaration_list.css.snap
index 366ffee8fc09..b0f00376316c 100644
--- a/crates/biome_css_formatter/tests/specs/css/declaration_list.css.snap
+++ b/crates/biome_css_formatter/tests/specs/css/declaration_list.css.snap
@@ -47,6 +47,7 @@ Indent style: Tab
 Indent width: 2
 Line ending: LF
 Line width: 80
+Quote style: Double Quotes
 -----
 
 ```css
diff --git a/crates/biome_css_formatter/tests/specs/css/dimensions.css.snap b/crates/biome_css_formatter/tests/specs/css/dimensions.css.snap
index d41f012b9236..a925804ea403 100644
--- a/crates/biome_css_formatter/tests/specs/css/dimensions.css.snap
+++ b/crates/biome_css_formatter/tests/specs/css/dimensions.css.snap
@@ -26,6 +26,7 @@ Indent style: Tab
 Indent width: 2
 Line ending: LF
 Line width: 80
+Quote style: Double Quotes
 -----
 
 ```css
diff --git a/crates/biome_css_formatter/tests/specs/css/empty.css.snap b/crates/biome_css_formatter/tests/specs/css/empty.css.snap
index 4651297b4345..214d4a435e1e 100644
--- a/crates/biome_css_formatter/tests/specs/css/empty.css.snap
+++ b/crates/biome_css_formatter/tests/specs/css/empty.css.snap
@@ -21,6 +21,7 @@ Indent style: Tab
 Indent width: 2
 Line ending: LF
 Line width: 80
+Quote style: Double Quotes
 -----
 
 ```css
diff --git a/crates/biome_css_formatter/tests/specs/css/functions.css.snap b/crates/biome_css_formatter/tests/specs/css/functions.css.snap
index 97323930de6c..1a8fa22216cb 100644
--- a/crates/biome_css_formatter/tests/specs/css/functions.css.snap
+++ b/crates/biome_css_formatter/tests/specs/css/functions.css.snap
@@ -32,6 +32,7 @@ Indent style: Tab
 Indent width: 2
 Line ending: LF
 Line width: 80
+Quote style: Double Quotes
 -----
 
 ```css
diff --git a/crates/biome_css_formatter/tests/specs/css/important.css.snap b/crates/biome_css_formatter/tests/specs/css/important.css.snap
index 2abdbb2fa164..03ec96276a03 100644
--- a/crates/biome_css_formatter/tests/specs/css/important.css.snap
+++ b/crates/biome_css_formatter/tests/specs/css/important.css.snap
@@ -27,6 +27,7 @@ Indent style: Tab
 Indent width: 2
 Line ending: LF
 Line width: 80
+Quote style: Double Quotes
 -----
 
 ```css
diff --git a/crates/biome_css_formatter/tests/specs/css/namespace.css.snap b/crates/biome_css_formatter/tests/specs/css/namespace.css.snap
index 815059689566..cd057716f1bb 100644
--- a/crates/biome_css_formatter/tests/specs/css/namespace.css.snap
+++ b/crates/biome_css_formatter/tests/specs/css/namespace.css.snap
@@ -55,6 +55,7 @@ Indent style: Tab
 Indent width: 2
 Line ending: LF
 Line width: 80
+Quote style: Double Quotes
 -----
 
 ```css
diff --git a/crates/biome_css_formatter/tests/specs/css/pseudo/is.css.snap b/crates/biome_css_formatter/tests/specs/css/pseudo/is.css.snap
index 947f9f0ed83b..561e53e5baf0 100644
--- a/crates/biome_css_formatter/tests/specs/css/pseudo/is.css.snap
+++ b/crates/biome_css_formatter/tests/specs/css/pseudo/is.css.snap
@@ -48,6 +48,7 @@ Indent style: Tab
 Indent width: 2
 Line ending: LF
 Line width: 80
+Quote style: Double Quotes
 -----
 
 ```css
diff --git a/crates/biome_css_formatter/tests/specs/css/pseudo/not.css.snap b/crates/biome_css_formatter/tests/specs/css/pseudo/not.css.snap
index 718fd6cf18e3..5ae97ca5d0fc 100644
--- a/crates/biome_css_formatter/tests/specs/css/pseudo/not.css.snap
+++ b/crates/biome_css_formatter/tests/specs/css/pseudo/not.css.snap
@@ -32,6 +32,7 @@ Indent style: Tab
 Indent width: 2
 Line ending: LF
 Line width: 80
+Quote style: Double Quotes
 -----
 
 ```css
diff --git a/crates/biome_css_formatter/tests/specs/css/pseudo/pseudo_class_function_compound_selector.css.snap b/crates/biome_css_formatter/tests/specs/css/pseudo/pseudo_class_function_compound_selector.css.snap
index 5566ca190a35..fba7a9666afe 100644
--- a/crates/biome_css_formatter/tests/specs/css/pseudo/pseudo_class_function_compound_selector.css.snap
+++ b/crates/biome_css_formatter/tests/specs/css/pseudo/pseudo_class_function_compound_selector.css.snap
@@ -32,6 +32,7 @@ Indent style: Tab
 Indent width: 2
 Line ending: LF
 Line width: 80
+Quote style: Double Quotes
 -----
 
 ```css
diff --git a/crates/biome_css_formatter/tests/specs/css/pseudo/pseudo_class_function_compound_selector_list.css.snap b/crates/biome_css_formatter/tests/specs/css/pseudo/pseudo_class_function_compound_selector_list.css.snap
index a72581154752..08903770cf3d 100644
--- a/crates/biome_css_formatter/tests/specs/css/pseudo/pseudo_class_function_compound_selector_list.css.snap
+++ b/crates/biome_css_formatter/tests/specs/css/pseudo/pseudo_class_function_compound_selector_list.css.snap
@@ -28,6 +28,7 @@ Indent style: Tab
 Indent width: 2
 Line ending: LF
 Line width: 80
+Quote style: Double Quotes
 -----
 
 ```css
diff --git a/crates/biome_css_formatter/tests/specs/css/pseudo/pseudo_class_function_nth.css.snap b/crates/biome_css_formatter/tests/specs/css/pseudo/pseudo_class_function_nth.css.snap
index 5b422b51045b..7f6f22c1616b 100644
--- a/crates/biome_css_formatter/tests/specs/css/pseudo/pseudo_class_function_nth.css.snap
+++ b/crates/biome_css_formatter/tests/specs/css/pseudo/pseudo_class_function_nth.css.snap
@@ -57,6 +57,7 @@ Indent style: Tab
 Indent width: 2
 Line ending: LF
 Line width: 80
+Quote style: Double Quotes
 -----
 
 ```css
diff --git a/crates/biome_css_formatter/tests/specs/css/pseudo/pseudo_class_function_relative_selector_list.css.snap b/crates/biome_css_formatter/tests/specs/css/pseudo/pseudo_class_function_relative_selector_list.css.snap
index 0a894828ee91..62f312c5001e 100644
--- a/crates/biome_css_formatter/tests/specs/css/pseudo/pseudo_class_function_relative_selector_list.css.snap
+++ b/crates/biome_css_formatter/tests/specs/css/pseudo/pseudo_class_function_relative_selector_list.css.snap
@@ -33,6 +33,7 @@ Indent style: Tab
 Indent width: 2
 Line ending: LF
 Line width: 80
+Quote style: Double Quotes
 -----
 
 ```css
diff --git a/crates/biome_css_formatter/tests/specs/css/pseudo/pseudo_class_function_selector.css.snap b/crates/biome_css_formatter/tests/specs/css/pseudo/pseudo_class_function_selector.css.snap
index 764ab7f96c16..699b1729717f 100644
--- a/crates/biome_css_formatter/tests/specs/css/pseudo/pseudo_class_function_selector.css.snap
+++ b/crates/biome_css_formatter/tests/specs/css/pseudo/pseudo_class_function_selector.css.snap
@@ -39,6 +39,7 @@ Indent style: Tab
 Indent width: 2
 Line ending: LF
 Line width: 80
+Quote style: Double Quotes
 -----
 
 ```css
diff --git a/crates/biome_css_formatter/tests/specs/css/pseudo/pseudo_class_function_value_list.css.snap b/crates/biome_css_formatter/tests/specs/css/pseudo/pseudo_class_function_value_list.css.snap
index 7cedf5e686e5..9a0db8a147a6 100644
--- a/crates/biome_css_formatter/tests/specs/css/pseudo/pseudo_class_function_value_list.css.snap
+++ b/crates/biome_css_formatter/tests/specs/css/pseudo/pseudo_class_function_value_list.css.snap
@@ -33,6 +33,7 @@ Indent style: Tab
 Indent width: 2
 Line ending: LF
 Line width: 80
+Quote style: Double Quotes
 -----
 
 ```css
diff --git a/crates/biome_css_formatter/tests/specs/css/pseudo/pseudo_class_identifier.css.snap b/crates/biome_css_formatter/tests/specs/css/pseudo/pseudo_class_identifier.css.snap
index cd213f362811..805b0fe2e3e4 100644
--- a/crates/biome_css_formatter/tests/specs/css/pseudo/pseudo_class_identifier.css.snap
+++ b/crates/biome_css_formatter/tests/specs/css/pseudo/pseudo_class_identifier.css.snap
@@ -24,6 +24,7 @@ Indent style: Tab
 Indent width: 2
 Line ending: LF
 Line width: 80
+Quote style: Double Quotes
 -----
 
 ```css
diff --git a/crates/biome_css_formatter/tests/specs/css/pseudo/pseudo_element_selector.css.snap b/crates/biome_css_formatter/tests/specs/css/pseudo/pseudo_element_selector.css.snap
index ea3d3034dcc0..94920aa3be04 100644
--- a/crates/biome_css_formatter/tests/specs/css/pseudo/pseudo_element_selector.css.snap
+++ b/crates/biome_css_formatter/tests/specs/css/pseudo/pseudo_element_selector.css.snap
@@ -38,6 +38,7 @@ Indent style: Tab
 Indent width: 2
 Line ending: LF
 Line width: 80
+Quote style: Double Quotes
 -----
 
 ```css
diff --git a/crates/biome_css_formatter/tests/specs/css/pseudo/where.css.snap b/crates/biome_css_formatter/tests/specs/css/pseudo/where.css.snap
index fe10bbf44c5c..29119af0ed01 100644
--- a/crates/biome_css_formatter/tests/specs/css/pseudo/where.css.snap
+++ b/crates/biome_css_formatter/tests/specs/css/pseudo/where.css.snap
@@ -42,6 +42,7 @@ Indent style: Tab
 Indent width: 2
 Line ending: LF
 Line width: 80
+Quote style: Double Quotes
 -----
 
 ```css
diff --git a/crates/biome_css_formatter/tests/specs/css/quote_style/normalize_quotes.css b/crates/biome_css_formatter/tests/specs/css/quote_style/normalize_quotes.css
new file mode 100644
index 000000000000..2e54284ea980
--- /dev/null
+++ b/crates/biome_css_formatter/tests/specs/css/quote_style/normalize_quotes.css
@@ -0,0 +1,21 @@
+[attr="double"] {
+    background: url("/double/quoted/path");
+}
+
+[attr='single'] {
+    background: url('/single/quoted/path');
+}
+
+[attr=no-quotes] {
+    /* this url-token should stay unquoted */
+    background: url(/unquoted/path);
+}
+
+[attr=\eescaped] {
+}
+
+div {
+    width: 0\eestays-unquoted;
+    --\eeunquoted: green;
+    color: var(--\eeunquoted);
+}
\ No newline at end of file
diff --git a/crates/biome_css_formatter/tests/specs/css/quote_style/normalize_quotes.css.snap b/crates/biome_css_formatter/tests/specs/css/quote_style/normalize_quotes.css.snap
new file mode 100644
index 000000000000..277989ec1d22
--- /dev/null
+++ b/crates/biome_css_formatter/tests/specs/css/quote_style/normalize_quotes.css.snap
@@ -0,0 +1,105 @@
+---
+source: crates/biome_formatter_test/src/snapshot_builder.rs
+info: css/quote_style/normalize_quotes.css
+---
+
+# Input
+
+```css
+[attr="double"] {
+    background: url("/double/quoted/path");
+}
+
+[attr='single'] {
+    background: url('/single/quoted/path');
+}
+
+[attr=no-quotes] {
+    /* this url-token should stay unquoted */
+    background: url(/unquoted/path);
+}
+
+[attr=\eescaped] {
+}
+
+div {
+    width: 0\eestays-unquoted;
+    --\eeunquoted: green;
+    color: var(--\eeunquoted);
+}
+```
+
+
+=============================
+
+# Outputs
+
+## Output 1
+
+-----
+Indent style: Tab
+Indent width: 2
+Line ending: LF
+Line width: 80
+Quote style: Double Quotes
+-----
+
+```css
+[attr="double"] {
+	background: url("/double/quoted/path");
+}
+
+[attr="single"] {
+	background: url("/single/quoted/path");
+}
+
+[attr="no-quotes"] {
+	/* this url-token should stay unquoted */
+	background: url(/unquoted/path);
+}
+
+[attr="\eescaped"] {
+}
+
+div {
+	width: 0\eestays-unquoted;
+	--\eeunquoted: green;
+	color: var(--\eeunquoted);
+}
+```
+
+## Output 2
+
+-----
+Indent style: Tab
+Indent width: 2
+Line ending: LF
+Line width: 80
+Quote style: Single Quotes
+-----
+
+```css
+[attr='double'] {
+	background: url('/double/quoted/path');
+}
+
+[attr='single'] {
+	background: url('/single/quoted/path');
+}
+
+[attr='no-quotes'] {
+	/* this url-token should stay unquoted */
+	background: url(/unquoted/path);
+}
+
+[attr='\eescaped'] {
+}
+
+div {
+	width: 0\eestays-unquoted;
+	--\eeunquoted: green;
+	color: var(--\eeunquoted);
+}
+```
+
+
diff --git a/crates/biome_css_formatter/tests/specs/css/quote_style/options.json b/crates/biome_css_formatter/tests/specs/css/quote_style/options.json
new file mode 100644
index 000000000000..6edcc0d45946
--- /dev/null
+++ b/crates/biome_css_formatter/tests/specs/css/quote_style/options.json
@@ -0,0 +1,7 @@
+{
+    "cases": [
+        {
+            "quote_style": "Single"
+        }
+    ]
+}
\ No newline at end of file
diff --git a/crates/biome_css_formatter/tests/specs/css/range/between_rules.css.snap b/crates/biome_css_formatter/tests/specs/css/range/between_rules.css.snap
index 2ec5d2ffb56b..71ffc258d325 100644
--- a/crates/biome_css_formatter/tests/specs/css/range/between_rules.css.snap
+++ b/crates/biome_css_formatter/tests/specs/css/range/between_rules.css.snap
@@ -36,6 +36,7 @@ Indent style: Tab
 Indent width: 2
 Line ending: LF
 Line width: 80
+Quote style: Double Quotes
 -----
 
 ```css
diff --git a/crates/biome_css_formatter/tests/specs/css/range/keyframes.css.snap b/crates/biome_css_formatter/tests/specs/css/range/keyframes.css.snap
index c970f7dee4bf..ba52e6de024d 100644
--- a/crates/biome_css_formatter/tests/specs/css/range/keyframes.css.snap
+++ b/crates/biome_css_formatter/tests/specs/css/range/keyframes.css.snap
@@ -30,6 +30,7 @@ Indent style: Tab
 Indent width: 2
 Line ending: LF
 Line width: 80
+Quote style: Double Quotes
 -----
 
 ```css
diff --git a/crates/biome_css_formatter/tests/specs/css/range/mid_value.css.snap b/crates/biome_css_formatter/tests/specs/css/range/mid_value.css.snap
index 7948c3aa9378..509002fc9044 100644
--- a/crates/biome_css_formatter/tests/specs/css/range/mid_value.css.snap
+++ b/crates/biome_css_formatter/tests/specs/css/range/mid_value.css.snap
@@ -24,6 +24,7 @@ Indent style: Tab
 Indent width: 2
 Line ending: LF
 Line width: 80
+Quote style: Double Quotes
 -----
 
 ```css
diff --git a/crates/biome_css_formatter/tests/specs/css/range/selector_list.css.snap b/crates/biome_css_formatter/tests/specs/css/range/selector_list.css.snap
index 5f797b91a406..9c15e8918108 100644
--- a/crates/biome_css_formatter/tests/specs/css/range/selector_list.css.snap
+++ b/crates/biome_css_formatter/tests/specs/css/range/selector_list.css.snap
@@ -21,6 +21,7 @@ Indent style: Tab
 Indent width: 2
 Line ending: LF
 Line width: 80
+Quote style: Double Quotes
 -----
 
 ```css
diff --git a/crates/biome_css_formatter/tests/specs/css/range/single_declaration.css.snap b/crates/biome_css_formatter/tests/specs/css/range/single_declaration.css.snap
index 85e3da4cf275..0020abca2105 100644
--- a/crates/biome_css_formatter/tests/specs/css/range/single_declaration.css.snap
+++ b/crates/biome_css_formatter/tests/specs/css/range/single_declaration.css.snap
@@ -27,6 +27,7 @@ Indent style: Tab
 Indent width: 2
 Line ending: LF
 Line width: 80
+Quote style: Double Quotes
 -----
 
 ```css
diff --git a/crates/biome_css_formatter/tests/specs/css/range/single_rule.css.snap b/crates/biome_css_formatter/tests/specs/css/range/single_rule.css.snap
index 76646230a86e..44d013d76d74 100644
--- a/crates/biome_css_formatter/tests/specs/css/range/single_rule.css.snap
+++ b/crates/biome_css_formatter/tests/specs/css/range/single_rule.css.snap
@@ -25,6 +25,7 @@ Indent style: Tab
 Indent width: 2
 Line ending: LF
 Line width: 80
+Quote style: Double Quotes
 -----
 
 ```css
diff --git a/crates/biome_css_formatter/tests/specs/css/range/single_value.css.snap b/crates/biome_css_formatter/tests/specs/css/range/single_value.css.snap
index efe32224a93d..69fa2f1d08df 100644
--- a/crates/biome_css_formatter/tests/specs/css/range/single_value.css.snap
+++ b/crates/biome_css_formatter/tests/specs/css/range/single_value.css.snap
@@ -25,6 +25,7 @@ Indent style: Tab
 Indent width: 2
 Line ending: LF
 Line width: 80
+Quote style: Double Quotes
 -----
 
 ```css
diff --git a/crates/biome_css_formatter/tests/specs/css/selectors/attribute_selector.css.snap b/crates/biome_css_formatter/tests/specs/css/selectors/attribute_selector.css.snap
index 0a2257d78cd3..3851b9aedbbb 100644
--- a/crates/biome_css_formatter/tests/specs/css/selectors/attribute_selector.css.snap
+++ b/crates/biome_css_formatter/tests/specs/css/selectors/attribute_selector.css.snap
@@ -134,6 +134,7 @@ Indent style: Tab
 Indent width: 2
 Line ending: LF
 Line width: 80
+Quote style: Double Quotes
 -----
 
 ```css
@@ -168,7 +169,7 @@ a[id="test"] {
 }
 a[id="test"] {
 }
-a[id='test'] {
+a[id="test"] {
 }
 a[id=  func("foo")] {}
 a[class="(╯°□°）╯︵ ┻━┻"] {
@@ -196,55 +197,55 @@ span[lang] {
 }
 span[lang] {
 }
-span[lang='pt'] {
+span[lang="pt"] {
 }
-span[lang='pt'] {
+span[lang="pt"] {
 }
-span[lang='pt'] {
+span[lang="pt"] {
 }
-span[lang='pt'] {
+span[lang="pt"] {
 }
-span[lang='pt'] {
+span[lang="pt"] {
 }
-span[lang='pt'] {
+span[lang="pt"] {
 }
-span[lang='pt'] {
+span[lang="pt"] {
 }
-span[lang='pt'] {
+span[lang="pt"] {
 }
-span[lang~='en-us'] {
+span[lang~="en-us"] {
 }
-span[lang~='en-us'] {
+span[lang~="en-us"] {
 }
-span[lang|='zh'] {
+span[lang|="zh"] {
 }
-span[lang~='en-us'] {
+span[lang~="en-us"] {
 }
-a[href^='#'] {
+a[href^="#"] {
 }
-a[href*='example'] {
+a[href*="example"] {
 }
-a[href*='example'] {
+a[href*="example"] {
 }
-input[type='radio' i] {
+input[type="radio" i] {
 }
-input[type='radio' i] {
+input[type="radio" i] {
 }
-input[type~='radio' i] {
+input[type~="radio" i] {
 }
-input[type~='radio' i] {
+input[type~="radio" i] {
 }
-input[type~='radio' i] {
+input[type~="radio" i] {
 }
-img[alt='person'][src='lorem'] {
+img[alt="person"][src="lorem"] {
 }
-img[alt='person'][src='lorem'] {
+img[alt="person"][src="lorem"] {
 }
-img[alt~='person'][src*='lorem'] {
+img[alt~="person"][src*="lorem"] {
 }
-img[alt~='person'][src*='lorem'] {
+img[alt~="person"][src*="lorem"] {
 }
-img[alt~='person'][src*='lorem'] {
+img[alt~="person"][src*="lorem"] {
 }
 
 [foo|att="val"] {
diff --git a/crates/biome_css_formatter/tests/specs/css/selectors/class_selector.css.snap b/crates/biome_css_formatter/tests/specs/css/selectors/class_selector.css.snap
index 78f161ef9ded..1e6f9cf2909c 100644
--- a/crates/biome_css_formatter/tests/specs/css/selectors/class_selector.css.snap
+++ b/crates/biome_css_formatter/tests/specs/css/selectors/class_selector.css.snap
@@ -38,6 +38,7 @@ Indent style: Tab
 Indent width: 2
 Line ending: LF
 Line width: 80
+Quote style: Double Quotes
 -----
 
 ```css
diff --git a/crates/biome_css_formatter/tests/specs/css/selectors/complex_selector.css.snap b/crates/biome_css_formatter/tests/specs/css/selectors/complex_selector.css.snap
index e861afc3de71..a6a551a7ebef 100644
--- a/crates/biome_css_formatter/tests/specs/css/selectors/complex_selector.css.snap
+++ b/crates/biome_css_formatter/tests/specs/css/selectors/complex_selector.css.snap
@@ -32,6 +32,7 @@ Indent style: Tab
 Indent width: 2
 Line ending: LF
 Line width: 80
+Quote style: Double Quotes
 -----
 
 ```css
diff --git a/crates/biome_css_formatter/tests/specs/css/selectors/id_selector.css.snap b/crates/biome_css_formatter/tests/specs/css/selectors/id_selector.css.snap
index aa27cfc55515..ae0f4c5d659f 100644
--- a/crates/biome_css_formatter/tests/specs/css/selectors/id_selector.css.snap
+++ b/crates/biome_css_formatter/tests/specs/css/selectors/id_selector.css.snap
@@ -38,6 +38,7 @@ Indent style: Tab
 Indent width: 2
 Line ending: LF
 Line width: 80
+Quote style: Double Quotes
 -----
 
 ```css
diff --git a/crates/biome_css_formatter/tests/specs/css/selectors/selector_lists.css.snap b/crates/biome_css_formatter/tests/specs/css/selectors/selector_lists.css.snap
index 02d94d4cecff..38f5a89cff95 100644
--- a/crates/biome_css_formatter/tests/specs/css/selectors/selector_lists.css.snap
+++ b/crates/biome_css_formatter/tests/specs/css/selectors/selector_lists.css.snap
@@ -1,6 +1,6 @@
 ---
 source: crates/biome_formatter_test/src/snapshot_builder.rs
-info: css/selector_lists.css
+info: css/selectors/selector_lists.css
 ---
 
 # Input
@@ -37,6 +37,7 @@ Indent style: Tab
 Indent width: 2
 Line ending: LF
 Line width: 80
+Quote style: Double Quotes
 -----
 
 ```css
diff --git a/crates/biome_css_formatter/tests/specs/css/selectors/type_selector.css.snap b/crates/biome_css_formatter/tests/specs/css/selectors/type_selector.css.snap
index b8166db9e57f..e4afb08069c5 100644
--- a/crates/biome_css_formatter/tests/specs/css/selectors/type_selector.css.snap
+++ b/crates/biome_css_formatter/tests/specs/css/selectors/type_selector.css.snap
@@ -34,6 +34,7 @@ Indent style: Tab
 Indent width: 2
 Line ending: LF
 Line width: 80
+Quote style: Double Quotes
 -----
 
 ```css
diff --git a/crates/biome_css_formatter/tests/specs/css/simple.css.snap b/crates/biome_css_formatter/tests/specs/css/simple.css.snap
index 883a8fb5b2a6..1ff293c41ee8 100644
--- a/crates/biome_css_formatter/tests/specs/css/simple.css.snap
+++ b/crates/biome_css_formatter/tests/specs/css/simple.css.snap
@@ -25,6 +25,7 @@ Indent style: Tab
 Indent width: 2
 Line ending: LF
 Line width: 80
+Quote style: Double Quotes
 -----
 
 ```css
diff --git a/crates/biome_css_formatter/tests/specs/css/units.css.snap b/crates/biome_css_formatter/tests/specs/css/units.css.snap
index 448786dea55a..6dcdbf9db33b 100644
--- a/crates/biome_css_formatter/tests/specs/css/units.css.snap
+++ b/crates/biome_css_formatter/tests/specs/css/units.css.snap
@@ -64,6 +64,7 @@ Indent style: Tab
 Indent width: 2
 Line ending: LF
 Line width: 80
+Quote style: Double Quotes
 -----
 
 ```css
diff --git a/crates/biome_css_formatter/tests/specs/css/url.css.snap b/crates/biome_css_formatter/tests/specs/css/url.css.snap
index 144c7b6e61ee..b6846174a975 100644
--- a/crates/biome_css_formatter/tests/specs/css/url.css.snap
+++ b/crates/biome_css_formatter/tests/specs/css/url.css.snap
@@ -42,6 +42,7 @@ Indent style: Tab
 Indent width: 2
 Line ending: LF
 Line width: 80
+Quote style: Double Quotes
 -----
 
 ```css
diff --git a/crates/biome_css_formatter/tests/specs/css/value_fill.css.snap b/crates/biome_css_formatter/tests/specs/css/value_fill.css.snap
index 95fcb1d4c6b3..8d13e782d477 100644
--- a/crates/biome_css_formatter/tests/specs/css/value_fill.css.snap
+++ b/crates/biome_css_formatter/tests/specs/css/value_fill.css.snap
@@ -23,6 +23,7 @@ Indent style: Tab
 Indent width: 2
 Line ending: LF
 Line width: 80
+Quote style: Double Quotes
 -----
 
 ```css
diff --git a/crates/biome_css_formatter/tests/specs/css/variables.css.snap b/crates/biome_css_formatter/tests/specs/css/variables.css.snap
index 0c519cd825bd..dceb497e140b 100644
--- a/crates/biome_css_formatter/tests/specs/css/variables.css.snap
+++ b/crates/biome_css_formatter/tests/specs/css/variables.css.snap
@@ -62,6 +62,7 @@ Indent style: Tab
 Indent width: 2
 Line ending: LF
 Line width: 80
+Quote style: Double Quotes
 -----
 
 ```css
diff --git a/crates/biome_formatter/src/lib.rs b/crates/biome_formatter/src/lib.rs
index c9a6330605cf..895fd2c5f36b 100644
--- a/crates/biome_formatter/src/lib.rs
+++ b/crates/biome_formatter/src/lib.rs
@@ -59,6 +59,7 @@ pub use buffer::{
     VecBuffer,
 };
 pub use builders::BestFitting;
+use token::string::Quote;
 
 use crate::builders::syntax_token_cow_slice;
 use crate::comments::{CommentStyle, Comments, SourceComment};
@@ -356,6 +357,115 @@ impl From<LineWidth> for u16 {
     }
 }
 
+#[derive(Debug, Default, Eq, Hash, PartialEq, Clone, Copy)]
+#[cfg_attr(
+    feature = "serde",
+    derive(serde::Serialize, serde::Deserialize, schemars::JsonSchema),
+    serde(rename_all = "camelCase")
+)]
+pub enum QuoteStyle {
+    #[default]
+    Double,
+    Single,
+}
+
+impl QuoteStyle {
+    pub fn as_char(&self) -> char {
+        match self {
+            QuoteStyle::Double => '"',
+            QuoteStyle::Single => '\'',
+        }
+    }
+
+    pub fn as_string(&self) -> &str {
+        match self {
+            QuoteStyle::Double => "\"",
+            QuoteStyle::Single => "'",
+        }
+    }
+
+    /// Returns the quote, prepended with a backslash (escaped)
+    pub fn as_escaped(&self) -> &str {
+        match self {
+            QuoteStyle::Double => "\\\"",
+            QuoteStyle::Single => "\\'",
+        }
+    }
+
+    pub fn as_bytes(&self) -> u8 {
+        self.as_char() as u8
+    }
+
+    /// Returns the quote in HTML entity
+    pub fn as_html_entity(&self) -> &str {
+        match self {
+            QuoteStyle::Double => "&quot;",
+            QuoteStyle::Single => "&apos;",
+        }
+    }
+
+    /// Given the current quote, it returns the other one
+    pub fn other(&self) -> Self {
+        match self {
+            QuoteStyle::Double => QuoteStyle::Single,
+            QuoteStyle::Single => QuoteStyle::Double,
+        }
+    }
+}
+
+impl FromStr for QuoteStyle {
+    type Err = &'static str;
+
+    fn from_str(s: &str) -> Result<Self, Self::Err> {
+        match s {
+            "double" | "Double" => Ok(Self::Double),
+            "single" | "Single" => Ok(Self::Single),
+            // TODO: replace this error with a diagnostic
+            _ => Err("Value not supported for QuoteStyle"),
+        }
+    }
+}
+
+impl std::fmt::Display for QuoteStyle {
+    fn fmt(&self, f: &mut std::fmt::Formatter<'_>) -> std::fmt::Result {
+        match self {
+            QuoteStyle::Double => std::write!(f, "Double Quotes"),
+            QuoteStyle::Single => std::write!(f, "Single Quotes"),
+        }
+    }
+}
+
+impl From<QuoteStyle> for Quote {
+    fn from(quote: QuoteStyle) -> Self {
+        match quote {
+            QuoteStyle::Double => Self::Double,
+            QuoteStyle::Single => Self::Single,
+        }
+    }
+}
+
+impl Deserializable for QuoteStyle {
+    fn deserialize(
+        value: &impl DeserializableValue,
+        name: &str,
+        diagnostics: &mut Vec<DeserializationDiagnostic>,
+    ) -> Option<Self> {
+        const ALLOWED_VARIANTS: &[&str] = &["double", "single"];
+        match Text::deserialize(value, name, diagnostics)?.text() {
+            "double" => Some(QuoteStyle::Double),
+            "single" => Some(QuoteStyle::Single),
+            unknown_variant => {
+                diagnostics.push(DeserializationDiagnostic::new_unknown_value(
+                    unknown_variant,
+                    value.range(),
+                    ALLOWED_VARIANTS,
+                ));
+                None
+            }
+        }
+    }
+}
+
 /// Context object storing data relevant when formatting an object.
 pub trait FormatContext {
     type Options: FormatOptions;
diff --git a/crates/biome_js_formatter/src/context.rs b/crates/biome_js_formatter/src/context.rs
index 67bcd3a99ab2..9e5a88ade4a6 100644
--- a/crates/biome_js_formatter/src/context.rs
+++ b/crates/biome_js_formatter/src/context.rs
@@ -2,10 +2,9 @@ use crate::comments::{FormatJsLeadingComment, JsCommentStyle, JsComments};
 use crate::context::trailing_comma::TrailingComma;
 use biome_deserialize::{Deserializable, DeserializableValue, DeserializationDiagnostic, Text};
 use biome_formatter::printer::PrinterOptions;
-use biome_formatter::token::string::Quote;
 use biome_formatter::{
     CstFormatContext, FormatContext, FormatElement, FormatOptions, IndentStyle, IndentWidth,
-    LineEnding, LineWidth, TransformSourceMap,
+    LineEnding, LineWidth, QuoteStyle, TransformSourceMap,
 };
 use biome_js_syntax::{AnyJsFunctionBody, JsFileSource, JsLanguage};
 use std::fmt;
@@ -379,116 +378,6 @@ impl fmt::Display for JsFormatOptions {
     }
 }
 
-#[derive(Debug, Eq, Hash, PartialEq, Clone, Copy)]
-#[cfg_attr(
-    feature = "serde",
-    derive(serde::Serialize, serde::Deserialize, schemars::JsonSchema),
-    serde(rename_all = "camelCase")
-)]
-#[derive(Default)]
-pub enum QuoteStyle {
-    #[default]
-    Double,
-    Single,
-}
-
-impl FromStr for QuoteStyle {
-    type Err = &'static str;
-
-    fn from_str(s: &str) -> Result<Self, Self::Err> {
-        match s {
-            "double" | "Double" => Ok(Self::Double),
-            "single" | "Single" => Ok(Self::Single),
-            // TODO: replace this error with a diagnostic
-            _ => Err("Value not supported for QuoteStyle"),
-        }
-    }
-}
-
-impl fmt::Display for QuoteStyle {
-    fn fmt(&self, f: &mut std::fmt::Formatter<'_>) -> std::fmt::Result {
-        match self {
-            QuoteStyle::Double => write!(f, "Double Quotes"),
-            QuoteStyle::Single => write!(f, "Single Quotes"),
-        }
-    }
-}
-
-impl QuoteStyle {
-    pub fn as_char(&self) -> char {
-        match self {
-            QuoteStyle::Double => '"',
-            QuoteStyle::Single => '\'',
-        }
-    }
-
-    pub fn as_string(&self) -> &str {
-        match self {
-            QuoteStyle::Double => "\"",
-            QuoteStyle::Single => "'",
-        }
-    }
-
-    /// Returns the quote, prepended with a backslash (escaped)
-    pub fn as_escaped(&self) -> &str {
-        match self {
-            QuoteStyle::Double => "\\\"",
-            QuoteStyle::Single => "\\'",
-        }
-    }
-
-    pub fn as_bytes(&self) -> u8 {
-        self.as_char() as u8
-    }
-
-    /// Returns the quote in HTML entity
-    pub fn as_html_entity(&self) -> &str {
-        match self {
-            QuoteStyle::Double => "&quot;",
-            QuoteStyle::Single => "&apos;",
-        }
-    }
-
-    /// Given the current quote, it returns the other one
-    pub fn other(&self) -> Self {
-        match self {
-            QuoteStyle::Double => QuoteStyle::Single,
-            QuoteStyle::Single => QuoteStyle::Double,
-        }
-    }
-}
-
-impl From<QuoteStyle> for Quote {
-    fn from(quote: QuoteStyle) -> Self {
-        match quote {
-            QuoteStyle::Double => Self::Double,
-            QuoteStyle::Single => Self::Single,
-        }
-    }
-}
-
-impl Deserializable for QuoteStyle {
-    fn deserialize(
-        value: &impl DeserializableValue,
-        name: &str,
-        diagnostics: &mut Vec<DeserializationDiagnostic>,
-    ) -> Option<Self> {
-        const ALLOWED_VARIANTS: &[&str] = &["double", "single"];
-        match Text::deserialize(value, name, diagnostics)?.text() {
-            "double" => Some(QuoteStyle::Double),
-            "single" => Some(QuoteStyle::Single),
-            unknown_variant => {
-                diagnostics.push(DeserializationDiagnostic::new_unknown_value(
-                    unknown_variant,
-                    value.range(),
-                    ALLOWED_VARIANTS,
-                ));
-                None
-            }
-        }
-    }
-}
-
 #[derive(Debug, Eq, PartialEq, Hash, Clone, Copy, Default)]
 #[cfg_attr(
     feature = "serde",
diff --git a/crates/biome_js_formatter/src/utils/jsx.rs b/crates/biome_js_formatter/src/utils/jsx.rs
index 189620e0f860..c8f31cb3636d 100644
--- a/crates/biome_js_formatter/src/utils/jsx.rs
+++ b/crates/biome_js_formatter/src/utils/jsx.rs
@@ -1,7 +1,6 @@
-use crate::context::QuoteStyle;
 use crate::prelude::*;
 use crate::JsCommentStyle;
-use biome_formatter::{comments::CommentStyle, format_args, write};
+use biome_formatter::{comments::CommentStyle, format_args, write, QuoteStyle};
 use biome_js_syntax::{
     AnyJsExpression, AnyJsLiteralExpression, AnyJsxChild, AnyJsxTag, JsComputedMemberExpression,
     JsStaticMemberExpression, JsSyntaxKind, JsxChildList, JsxExpressionChild, JsxTagExpression,
diff --git a/crates/biome_js_formatter/src/utils/string_utils.rs b/crates/biome_js_formatter/src/utils/string_utils.rs
index c8fec6473582..8405d6e92736 100644
--- a/crates/biome_js_formatter/src/utils/string_utils.rs
+++ b/crates/biome_js_formatter/src/utils/string_utils.rs
@@ -1,6 +1,7 @@
-use crate::context::{JsFormatOptions, QuoteProperties, QuoteStyle};
+use crate::context::{JsFormatOptions, QuoteProperties};
 use crate::prelude::*;
 use biome_formatter::token::string::normalize_string;
+use biome_formatter::QuoteStyle;
 use biome_js_syntax::JsSyntaxKind::{JSX_STRING_LITERAL, JS_STRING_LITERAL};
 use biome_js_syntax::{JsFileSource, JsSyntaxToken};
 use biome_js_unicode_table::is_js_ident;
@@ -355,10 +356,10 @@ impl<'token> LiteralStringNormaliser<'token> {
 #[cfg(test)]
 mod tests {
     use super::*;
-    use crate::context::QuoteStyle;
     use crate::utils::quickcheck_utils::*;
     use crate::utils::FormatLiteralStringToken;
     use biome_formatter::token::string::ToAsciiLowercaseCow;
+    use biome_formatter::QuoteStyle;
     use biome_js_factory::JsSyntaxTreeBuilder;
     use biome_js_syntax::JsSyntaxKind::{JS_STRING_LITERAL, JS_STRING_LITERAL_EXPRESSION};
     use biome_js_syntax::{JsStringLiteralExpression, JsSyntaxToken};
diff --git a/crates/biome_js_formatter/tests/language.rs b/crates/biome_js_formatter/tests/language.rs
index 976559bc787c..ac1066779daa 100644
--- a/crates/biome_js_formatter/tests/language.rs
+++ b/crates/biome_js_formatter/tests/language.rs
@@ -1,11 +1,11 @@
 use biome_formatter::{
-    FormatContext, FormatResult, Formatted, IndentStyle, LineEnding, LineWidth, Printed,
+    FormatContext, FormatResult, Formatted, IndentStyle, LineEnding, LineWidth, Printed, QuoteStyle,
 };
 use biome_formatter_test::TestFormatLanguage;
 use biome_js_formatter::context::trailing_comma::TrailingComma;
 use biome_js_formatter::context::{
     ArrowParentheses, BracketSameLine, BracketSpacing, JsFormatContext, JsFormatOptions,
-    QuoteProperties, QuoteStyle, Semicolons,
+    QuoteProperties, Semicolons,
 };
 use biome_js_formatter::{format_node, format_range, JsFormatLanguage};
 use biome_js_parser::{parse, JsParserOptions};
diff --git a/crates/biome_js_formatter/tests/quick_test.rs b/crates/biome_js_formatter/tests/quick_test.rs
index f9087d206881..e3f593969f5b 100644
--- a/crates/biome_js_formatter/tests/quick_test.rs
+++ b/crates/biome_js_formatter/tests/quick_test.rs
@@ -1,6 +1,6 @@
-use biome_formatter::{IndentStyle, LineWidth};
+use biome_formatter::{IndentStyle, LineWidth, QuoteStyle};
 use biome_formatter_test::check_reformat::CheckReformat;
-use biome_js_formatter::context::{ArrowParentheses, JsFormatOptions, QuoteStyle, Semicolons};
+use biome_js_formatter::context::{ArrowParentheses, JsFormatOptions, Semicolons};
 use biome_js_formatter::format_node;
 use biome_js_parser::{parse, JsParserOptions};
 use biome_js_syntax::JsFileSource;
diff --git a/crates/biome_service/src/configuration/css.rs b/crates/biome_service/src/configuration/css.rs
index 22ea310cc787..98684e630e35 100644
--- a/crates/biome_service/src/configuration/css.rs
+++ b/crates/biome_service/src/configuration/css.rs
@@ -1,6 +1,6 @@
 use crate::configuration::merge::MergeWith;
 use crate::configuration::{deserialize_line_width, serialize_line_width, PlainIndentStyle};
-use biome_formatter::{LineEnding, LineWidth};
+use biome_formatter::{LineEnding, LineWidth, QuoteStyle};
 use bpaf::Bpaf;
 use serde::{Deserialize, Serialize};
 
@@ -107,6 +107,10 @@ pub struct CssFormatter {
     #[serde(skip_serializing_if = "Option::is_none")]
     #[bpaf(long("css-formatter-line-width"), argument("NUMBER"), optional)]
     pub line_width: Option<LineWidth>,
+
+    #[bpaf(long("css-formatter-quote-style"), argument("double|single"), optional)]
+    #[serde(skip_serializing_if = "Option::is_none")]
+    pub quote_style: Option<QuoteStyle>,
 }
 
 impl MergeWith<CssFormatter> for CssFormatter {
@@ -123,6 +127,9 @@ impl MergeWith<CssFormatter> for CssFormatter {
         if let Some(line_width) = other.line_width {
             self.line_width = Some(line_width);
         }
+        if let Some(quote_style) = other.quote_style {
+            self.quote_style = Some(quote_style);
+        }
     }
 
     fn merge_with_if_not_default(&mut self, other: CssFormatter)
diff --git a/crates/biome_service/src/configuration/javascript/formatter.rs b/crates/biome_service/src/configuration/javascript/formatter.rs
index b1943c096da6..815c29e5bfb1 100644
--- a/crates/biome_service/src/configuration/javascript/formatter.rs
+++ b/crates/biome_service/src/configuration/javascript/formatter.rs
@@ -1,9 +1,9 @@
 use crate::configuration::PlainIndentStyle;
 use crate::configuration::{deserialize_line_width, serialize_line_width};
 use crate::MergeWith;
-use biome_formatter::{LineEnding, LineWidth};
+use biome_formatter::{LineEnding, LineWidth, QuoteStyle};
 use biome_js_formatter::context::trailing_comma::TrailingComma;
-use biome_js_formatter::context::{ArrowParentheses, QuoteProperties, QuoteStyle, Semicolons};
+use biome_js_formatter::context::{ArrowParentheses, QuoteProperties, Semicolons};
 use bpaf::Bpaf;
 use serde::{Deserialize, Serialize};
 
@@ -12,10 +12,6 @@ use serde::{Deserialize, Serialize};
 #[cfg_attr(feature = "schema", derive(schemars::JsonSchema))]
 #[serde(rename_all = "camelCase", default, deny_unknown_fields)]
 pub struct JavascriptFormatter {
-    /// The type of quotes used in JavaScript code. Defaults to double.
-    #[bpaf(long("quote-style"), argument("double|single"), optional)]
-    #[serde(skip_serializing_if = "Option::is_none")]
-    pub quote_style: Option<QuoteStyle>,
     /// The type of quotes used in JSX. Defaults to double.
     #[bpaf(long("jsx-quote-style"), argument("double|single"), optional)]
     #[serde(skip_serializing_if = "Option::is_none")]
@@ -90,6 +86,13 @@ pub struct JavascriptFormatter {
     #[serde(skip_serializing_if = "Option::is_none")]
     #[bpaf(long("javascript-formatter-line-width"), argument("NUMBER"), optional)]
     pub line_width: Option<LineWidth>,
+
+    // TODO: Rename the argument to `javascript-formatter-quote-style` once
+    // it's also a top-level configurable property.
+    /// The type of quotes used in JavaScript code. Defaults to double.
+    #[bpaf(long("quote-style"), argument("double|single"), optional)]
+    #[serde(skip_serializing_if = "Option::is_none")]
+    pub quote_style: Option<QuoteStyle>,
 }
 
 impl MergeWith<JavascriptFormatter> for JavascriptFormatter {
diff --git a/crates/biome_service/src/configuration/overrides.rs b/crates/biome_service/src/configuration/overrides.rs
index 4b12767ad7ba..ab87f041900b 100644
--- a/crates/biome_service/src/configuration/overrides.rs
+++ b/crates/biome_service/src/configuration/overrides.rs
@@ -9,6 +9,7 @@ use crate::settings::{
     OverrideOrganizeImportsSettings, OverrideSettingPattern, OverrideSettings, WorkspaceSettings,
 };
 use crate::{MergeWith, Rules, WorkspaceError};
+use biome_css_syntax::CssLanguage;
 use biome_deserialize::StringSet;
 use biome_formatter::{LineEnding, LineWidth};
 use biome_js_syntax::JsLanguage;
@@ -251,7 +252,6 @@ impl MergeWith<OverrideFormatterConfiguration> for OverrideFormatterConfiguratio
         if let Some(indent_style) = other.indent_style {
             self.indent_style = Some(indent_style);
         }
-
         if let Some(line_width) = other.line_width {
             self.line_width = Some(line_width);
         }
@@ -354,14 +354,12 @@ pub fn to_override_settings(
         let mut languages = LanguageListSettings::default();
         let javascript = pattern.javascript.take().unwrap_or_default();
         let json = pattern.json.take().unwrap_or_default();
+        let css = pattern.css.take().unwrap_or_default();
         languages.javascript =
             to_javascript_language_settings(javascript, &current_settings.languages.javascript);
 
         languages.json = to_json_language_settings(json, &current_settings.languages.json);
-
-        if let Some(json) = pattern.json {
-            languages.json = json.into();
-        }
+        languages.css = to_css_language_settings(css, &current_settings.languages.css);
 
         let pattern_setting = OverrideSettingPattern {
             include: to_matcher(
@@ -406,6 +404,7 @@ pub(crate) fn to_format_settings(
     let format_with_errors = conf
         .format_with_errors
         .unwrap_or(format_settings.format_with_errors);
+
     OverrideFormatSettings {
         enabled: conf.enabled.or(Some(format_settings.enabled)),
         indent_style,
@@ -446,6 +445,7 @@ fn to_javascript_language_settings(
         .or(parent_formatter.bracket_same_line);
     language_setting.formatter.enabled = formatter.enabled.or(parent_formatter.enabled);
     language_setting.formatter.line_width = formatter.line_width.or(parent_formatter.line_width);
+    language_setting.formatter.line_ending = formatter.line_ending.or(parent_formatter.line_ending);
     language_setting.formatter.indent_width = formatter
         .indent_width
         .map(Into::into)
@@ -483,6 +483,7 @@ fn to_json_language_settings(
 
     language_setting.formatter.enabled = formatter.enabled.or(parent_formatter.enabled);
     language_setting.formatter.line_width = formatter.line_width.or(parent_formatter.line_width);
+    language_setting.formatter.line_ending = formatter.line_ending.or(parent_formatter.line_ending);
     language_setting.formatter.indent_width = formatter
         .indent_width
         .map(Into::into)
@@ -506,6 +507,37 @@ fn to_json_language_settings(
     language_setting
 }
 
+fn to_css_language_settings(
+    mut conf: CssConfiguration,
+    parent_settings: &LanguageSettings<CssLanguage>,
+) -> LanguageSettings<CssLanguage> {
+    let mut language_setting: LanguageSettings<CssLanguage> = LanguageSettings::default();
+    let formatter = conf.formatter.take().unwrap_or_default();
+    let parent_formatter = &parent_settings.formatter;
+
+    language_setting.formatter.enabled = formatter.enabled.or(parent_formatter.enabled);
+    language_setting.formatter.line_width = formatter.line_width.or(parent_formatter.line_width);
+    language_setting.formatter.line_ending = formatter.line_ending.or(parent_formatter.line_ending);
+    language_setting.formatter.indent_width = formatter
+        .indent_width
+        .map(Into::into)
+        .or(formatter.indent_size.map(Into::into))
+        .or(parent_formatter.indent_width);
+    language_setting.formatter.indent_style = formatter
+        .indent_style
+        .map(Into::into)
+        .or(parent_formatter.indent_style);
+    language_setting.formatter.quote_style = formatter.quote_style.or(parent_formatter.quote_style);
+
+    let parser = conf.parser.take().unwrap_or_default();
+    let parent_parser = &parent_settings.parser;
+    language_setting.parser.allow_wrong_line_comments = parser
+        .allow_wrong_line_comments
+        .unwrap_or(parent_parser.allow_wrong_line_comments);
+
+    language_setting
+}
+
 fn to_override_linter_settings(
     conf: OverrideLinterConfiguration,
     lint_settings: &LinterSettings,
diff --git a/crates/biome_service/src/configuration/parse/json/css/mod.rs b/crates/biome_service/src/configuration/parse/json/css/mod.rs
index 3ec277d5ba30..1597ae9ff066 100644
--- a/crates/biome_service/src/configuration/parse/json/css/mod.rs
+++ b/crates/biome_service/src/configuration/parse/json/css/mod.rs
@@ -130,6 +130,7 @@ impl DeserializationVisitor for CssFormatterVisitor {
             "indentWidth",
             "lineEnding",
             "lineWidth",
+            "quoteStyle",
         ];
         let mut result = Self::Output::default();
         for (key, value) in members.flatten() {
@@ -164,6 +165,10 @@ impl DeserializationVisitor for CssFormatterVisitor {
                 "lineWidth" => {
                     result.line_width = Deserializable::deserialize(&value, &key_text, diagnostics);
                 }
+                "quoteStyle" => {
+                    result.quote_style =
+                        Deserializable::deserialize(&value, &key_text, diagnostics);
+                }
                 unknown_key => {
                     diagnostics.push(DeserializationDiagnostic::new_unknown_key(
                         unknown_key,
diff --git a/crates/biome_service/src/file_handlers/css.rs b/crates/biome_service/src/file_handlers/css.rs
index 662d3ba5f8db..b02be550f2d9 100644
--- a/crates/biome_service/src/file_handlers/css.rs
+++ b/crates/biome_service/src/file_handlers/css.rs
@@ -13,7 +13,9 @@ use biome_css_formatter::context::CssFormatOptions;
 use biome_css_formatter::{can_format_css_yet, format_node};
 use biome_css_parser::CssParserOptions;
 use biome_css_syntax::{CssFileSource, CssLanguage, CssRoot, CssSyntaxNode};
-use biome_formatter::{FormatError, IndentStyle, IndentWidth, LineEnding, LineWidth, Printed};
+use biome_formatter::{
+    FormatError, IndentStyle, IndentWidth, LineEnding, LineWidth, Printed, QuoteStyle,
+};
 use biome_fs::RomePath;
 use biome_parser::AnyParse;
 use biome_rowan::{FileSource, NodeCache};
@@ -26,6 +28,7 @@ pub struct CssFormatterSettings {
     pub line_width: Option<LineWidth>,
     pub indent_width: Option<IndentWidth>,
     pub indent_style: Option<IndentStyle>,
+    pub quote_style: Option<QuoteStyle>,
     pub enabled: Option<bool>,
 }
 
@@ -72,7 +75,8 @@ impl Language for CssLanguage {
             CssFormatOptions::new(path.as_path().try_into().unwrap_or_default())
                 .with_indent_style(indent_style)
                 .with_indent_width(indent_width)
-                .with_line_width(line_width),
+                .with_line_width(line_width)
+                .with_quote_style(language.quote_style.unwrap_or_default()),
         )
     }
 }
diff --git a/crates/biome_service/src/file_handlers/javascript.rs b/crates/biome_service/src/file_handlers/javascript.rs
index c1b7b23afed8..1db19fc886fc 100644
--- a/crates/biome_service/src/file_handlers/javascript.rs
+++ b/crates/biome_service/src/file_handlers/javascript.rs
@@ -20,7 +20,9 @@ use biome_analyze::{
     QueryMatch, RegistryVisitor, RuleCategories, RuleCategory, RuleFilter, RuleGroup,
 };
 use biome_diagnostics::{category, Applicability, Diagnostic, DiagnosticExt, Severity};
-use biome_formatter::{FormatError, IndentStyle, IndentWidth, LineEnding, LineWidth, Printed};
+use biome_formatter::{
+    FormatError, IndentStyle, IndentWidth, LineEnding, LineWidth, Printed, QuoteStyle,
+};
 use biome_fs::RomePath;
 use biome_js_analyze::utils::rename::{RenameError, RenameSymbolExtensions};
 use biome_js_analyze::{
@@ -28,8 +30,7 @@ use biome_js_analyze::{
 };
 use biome_js_formatter::context::trailing_comma::TrailingComma;
 use biome_js_formatter::context::{
-    ArrowParentheses, BracketSameLine, BracketSpacing, JsFormatOptions, QuoteProperties,
-    QuoteStyle, Semicolons,
+    ArrowParentheses, BracketSameLine, BracketSpacing, JsFormatOptions, QuoteProperties, Semicolons,
 };
 use biome_js_formatter::format_node;
 use biome_js_parser::JsParserOptions;
diff --git a/crates/biome_service/src/settings.rs b/crates/biome_service/src/settings.rs
index 6d00dbd1e3a0..517be5e1aa8e 100644
--- a/crates/biome_service/src/settings.rs
+++ b/crates/biome_service/src/settings.rs
@@ -359,6 +359,7 @@ impl From<CssConfiguration> for LanguageSettings<CssLanguage> {
                 .map(Into::into)
                 .or(formatter.indent_size.map(Into::into));
             language_setting.formatter.indent_style = formatter.indent_style.map(Into::into);
+            language_setting.formatter.quote_style = formatter.quote_style;
         }
         language_setting
     }
@@ -645,24 +646,20 @@ impl OverrideSettings {
             }
             if included {
                 let css_formatter = &pattern.languages.css.formatter;
+                let formatter = &pattern.formatter;
 
-                if let Some(indent_style) = css_formatter
-                    .indent_style
-                    .or(pattern.formatter.indent_style)
-                {
+                if let Some(indent_style) = css_formatter.indent_style.or(formatter.indent_style) {
                     options.set_indent_style(indent_style);
                 }
-
-                if let Some(indent_width) = css_formatter
-                    .indent_width
-                    .or(pattern.formatter.indent_width)
-                {
+                if let Some(indent_width) = css_formatter.indent_width.or(formatter.indent_width) {
                     options.set_indent_width(indent_width)
                 }
-                if let Some(line_width) = css_formatter.line_width.or(pattern.formatter.line_width)
-                {
+                if let Some(line_width) = css_formatter.line_width.or(formatter.line_width) {
                     options.set_line_width(line_width);
                 }
+                if let Some(quote_style) = css_formatter.quote_style {
+                    options.set_quote_style(quote_style);
+                }
             }
 
             options
diff --git a/crates/biome_service/tests/invalid/css_formatter_quote_style.json b/crates/biome_service/tests/invalid/css_formatter_quote_style.json
new file mode 100644
index 000000000000..a9b209f202c2
--- /dev/null
+++ b/crates/biome_service/tests/invalid/css_formatter_quote_style.json
@@ -0,0 +1,7 @@
+{
+    "css": {
+        "formatter": {
+            "quoteStyle": "wrong"
+        }
+    }
+}
\ No newline at end of file
diff --git a/crates/biome_service/tests/invalid/css_formatter_quote_style.json.snap b/crates/biome_service/tests/invalid/css_formatter_quote_style.json.snap
new file mode 100644
index 000000000000..8c0677d1f138
--- /dev/null
+++ b/crates/biome_service/tests/invalid/css_formatter_quote_style.json.snap
@@ -0,0 +1,22 @@
+---
+source: crates/biome_service/tests/spec_tests.rs
+expression: css_formatter_quote_style.json
+---
+css_formatter_quote_style.json:4:27 deserialize ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+
+  × Found an unknown value `wrong`.
+  
+    2 │     "css": {
+    3 │         "formatter": {
+  > 4 │             "quoteStyle": "wrong"
+      │                           ^^^^^^^
+    5 │         }
+    6 │     }
+  
+  i Accepted values:
+  
+  - double
+  - single
+  
+
+
diff --git a/crates/biome_service/tests/invalid/formatter_quote_style.json b/crates/biome_service/tests/invalid/formatter_quote_style.json
new file mode 100644
index 000000000000..9576ec8a6dae
--- /dev/null
+++ b/crates/biome_service/tests/invalid/formatter_quote_style.json
@@ -0,0 +1,5 @@
+{
+    "formatter": {
+        "quoteStyle": "wrong"
+    }
+}
\ No newline at end of file
diff --git a/crates/biome_service/tests/invalid/formatter_quote_style.json.snap b/crates/biome_service/tests/invalid/formatter_quote_style.json.snap
new file mode 100644
index 000000000000..f8457ba663e0
--- /dev/null
+++ b/crates/biome_service/tests/invalid/formatter_quote_style.json.snap
@@ -0,0 +1,29 @@
+---
+source: crates/biome_service/tests/spec_tests.rs
+expression: formatter_quote_style.json
+---
+formatter_quote_style.json:3:9 deserialize ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+
+  × Found an unknown key `quoteStyle`.
+  
+    1 │ {
+    2 │     "formatter": {
+  > 3 │         "quoteStyle": "wrong"
+      │         ^^^^^^^^^^^^
+    4 │     }
+    5 │ }
+  
+  i Accepted keys
+  
+  - enabled
+  - formatWithErrors
+  - indentStyle
+  - indentSize
+  - indentWidth
+  - lineEnding
+  - lineWidth
+  - ignore
+  - include
+  
+
+
diff --git a/crates/biome_service/tests/valid/base_options_inside_css.json b/crates/biome_service/tests/valid/base_options_inside_css.json
index 4447dc6ddc8e..d5310d2e378b 100644
--- a/crates/biome_service/tests/valid/base_options_inside_css.json
+++ b/crates/biome_service/tests/valid/base_options_inside_css.json
@@ -9,7 +9,8 @@
 			"indentStyle": "space",
 			"indentSize": 2,
 			"lineEnding": "lf",
-			"lineWidth": 200
+			"lineWidth": 200,
+			"quoteStyle": "single"
 		}
 	}
 }
\ No newline at end of file
diff --git a/crates/biome_service/tests/valid/base_options_inside_javascript.json b/crates/biome_service/tests/valid/base_options_inside_javascript.json
index 7e07a444419a..106548610973 100644
--- a/crates/biome_service/tests/valid/base_options_inside_javascript.json
+++ b/crates/biome_service/tests/valid/base_options_inside_javascript.json
@@ -9,7 +9,8 @@
 			"indentStyle": "space",
 			"indentSize": 2,
 			"lineEnding": "lf",
-			"lineWidth": 200
+			"lineWidth": 200,
+			"quoteStyle": "single"
 		}
 	}
-}
+}
\ No newline at end of file
diff --git a/packages/@biomejs/backend-jsonrpc/src/workspace.ts b/packages/@biomejs/backend-jsonrpc/src/workspace.ts
index 919229f2daf0..ad12d0d5d89f 100644
--- a/packages/@biomejs/backend-jsonrpc/src/workspace.ts
+++ b/packages/@biomejs/backend-jsonrpc/src/workspace.ts
@@ -262,6 +262,7 @@ export interface CssFormatter {
 	 * What's the max width of a line applied to CSS (and its super languages) files. Defaults to 80.
 	 */
 	lineWidth?: LineWidth;
+	quoteStyle?: QuoteStyle;
 }
 /**
  * Options that changes how the CSS parser behaves
@@ -445,8 +446,8 @@ export interface OverridePattern {
 	organizeImports?: OverrideOrganizeImportsConfiguration;
 }
 export type VcsClientKind = "git";
-export type ArrowParentheses = "always" | "asNeeded";
 export type QuoteStyle = "double" | "single";
+export type ArrowParentheses = "always" | "asNeeded";
 export type QuoteProperties = "asNeeded" | "preserve";
 export type Semicolons = "always" | "asNeeded";
 /**
diff --git a/packages/@biomejs/biome/configuration_schema.json b/packages/@biomejs/biome/configuration_schema.json
index 2a63fdfb8ea7..18b344159165 100644
--- a/packages/@biomejs/biome/configuration_schema.json
+++ b/packages/@biomejs/biome/configuration_schema.json
@@ -775,6 +775,9 @@
 				"lineWidth": {
 					"description": "What's the max width of a line applied to CSS (and its super languages) files. Defaults to 80.",
 					"anyOf": [{ "$ref": "#/definitions/LineWidth" }, { "type": "null" }]
+				},
+				"quoteStyle": {
+					"anyOf": [{ "$ref": "#/definitions/QuoteStyle" }, { "type": "null" }]
 				}
 			},
 			"additionalProperties": false