diff --git a/packages/tailwindcss/src/__snapshots__/intellisense.test.ts.snap b/packages/tailwindcss/src/__snapshots__/intellisense.test.ts.snap
index 8b725ea4b..ecd6e961a 100644
--- a/packages/tailwindcss/src/__snapshots__/intellisense.test.ts.snap
+++ b/packages/tailwindcss/src/__snapshots__/intellisense.test.ts.snap
@@ -536,6 +536,7 @@ exports[`getClassList 1`] = `
   "bg-bottom",
   "bg-center",
   "bg-clip-border",
+  "bg-clip-border-area",
   "bg-clip-content",
   "bg-clip-padding",
   "bg-clip-text",
diff --git a/packages/tailwindcss/src/utilities.test.ts b/packages/tailwindcss/src/utilities.test.ts
index b826d959c..26feb29e2 100644
--- a/packages/tailwindcss/src/utilities.test.ts
+++ b/packages/tailwindcss/src/utilities.test.ts
@@ -10471,12 +10471,23 @@ test('box-decoration', async () => {
 })
 
 test('bg-clip', async () => {
-  expect(await run(['bg-clip-border', 'bg-clip-padding', 'bg-clip-content', 'bg-clip-text']))
-    .toMatchInlineSnapshot(`
+  expect(
+    await run([
+      'bg-clip-border',
+      'bg-clip-padding',
+      'bg-clip-content',
+      'bg-clip-text',
+      'bg-clip-border-area',
+    ]),
+  ).toMatchInlineSnapshot(`
     ".bg-clip-border {
       background-clip: border-box;
     }
 
+    .bg-clip-border-area {
+      background-clip: border-area;
+    }
+
     .bg-clip-content {
       background-clip: content-box;
     }
@@ -10496,10 +10507,12 @@ test('bg-clip', async () => {
       '-bg-clip-padding',
       '-bg-clip-content',
       '-bg-clip-text',
+      '-bg-clip-border-area',
       'bg-clip-border/foo',
       'bg-clip-padding/foo',
       'bg-clip-content/foo',
       'bg-clip-text/foo',
+      'bg-clip-border-area/foo',
     ]),
   ).toEqual('')
 })
diff --git a/packages/tailwindcss/src/utilities.ts b/packages/tailwindcss/src/utilities.ts
index b3a2abc97..cf84ea78f 100644
--- a/packages/tailwindcss/src/utilities.ts
+++ b/packages/tailwindcss/src/utilities.ts
@@ -2750,6 +2750,7 @@ export function createUtilities(theme: Theme) {
   staticUtility('bg-clip-border', [['background-clip', 'border-box']])
   staticUtility('bg-clip-padding', [['background-clip', 'padding-box']])
   staticUtility('bg-clip-content', [['background-clip', 'content-box']])
+  staticUtility('bg-clip-border-area', [['background-clip', 'border-area']])
 
   staticUtility('bg-origin-border', [['background-origin', 'border-box']])
   staticUtility('bg-origin-padding', [['background-origin', 'padding-box']])