diff --git a/doc-src/content/reference/compass/css3/border_image.haml b/doc-src/content/reference/compass/css3/border_image.haml
new file mode 100644
index 00000000..2067cd2c
--- /dev/null
+++ b/doc-src/content/reference/compass/css3/border_image.haml
@@ -0,0 +1,15 @@
+--- 
+title: Compass Border Image
+crumb: Border Image
+framework: compass
+stylesheet: compass/css3/_border-image.scss
+meta_description: Specify the border image for all browsers.
+layout: core
+classnames:
+  - reference
+  - core
+  - css3
+---
+- render 'reference' do
+  %p
+    The border-image mixin is used to give a block element an image to be used instead of the normal border. It automatically outputs the correct vendor specific syntax for each browser (e.g. <code>-webkit-border-image</code> and <code>-moz-border-image</code>). See <a href="http://www.w3.org/TR/css3-background/#the-border-image">CSS3 spec: border-image</a>.
diff --git a/frameworks/compass/stylesheets/compass/css3/_border-image.scss b/frameworks/compass/stylesheets/compass/css3/_border-image.scss
index 36222230..e0829d02 100644
--- a/frameworks/compass/stylesheets/compass/css3/_border-image.scss
+++ b/frameworks/compass/stylesheets/compass/css3/_border-image.scss
@@ -2,7 +2,15 @@
 //border-image: source slice width outset repeat
 // defaults none 100% 1 0 stretch via http://www.w3schools.com/cssref/css3_pr_border-image.asp
 
-@mixin border-image($source, $slice:100%, $width:1, $outset:0, $repeat:'stretch') {
+$default-border-image-slice  : 100% !default;
+$default-border-image-width  : 1 !default;
+$default-border-image-outset : 0 !default;
+
+// repeated | rounded | stretched
+$default-border-image-repeat : unquote('stretch') !default;
+
+// The border-image is used to give a block element an image to be used instead of the normal border.
+@mixin border-image($source, $slice:$default-border-image-slice, $width:$default-border-image-width, $outset:$default-border-image-outset, $repeat:$default-border-image-repeat) {
   $value: (image_url($source), $slice, $width, $outset, $repeat);
   @include experimental(border-image, $value,
     -moz,
diff --git a/frameworks/compass/stylesheets/compass/css3/_border-radius.scss b/frameworks/compass/stylesheets/compass/css3/_border-radius.scss
index 4870b1e9..d367a97c 100644
--- a/frameworks/compass/stylesheets/compass/css3/_border-radius.scss
+++ b/frameworks/compass/stylesheets/compass/css3/_border-radius.scss
@@ -17,6 +17,7 @@ $default-border-radius: 5px !default;
 //     .crazy    { @include border-radius(1px 3px 5px 7px, 2px 4px 6px 8px)}
 //
 // Which generates:
+//
 //    .simple {
 //      -webkit-border-radius: 4px 4px;
 //      -moz-border-radius: 4px / 4px;
diff --git a/test/fixtures/stylesheets/compass/css/border-image.css b/test/fixtures/stylesheets/compass/css/border-image.css
index 19bc690b..5a86f37e 100644
--- a/test/fixtures/stylesheets/compass/css/border-image.css
+++ b/test/fixtures/stylesheets/compass/css/border-image.css
@@ -1,5 +1,5 @@
 .simple {
-  -webkit-border-image: url('/images/100x150.jpeg?busted=true'), 100%, 1, 0, "stretch";
-  -moz-border-image: url('/images/100x150.jpeg?busted=true'), 100%, 1, 0, "stretch";
-  -o-border-image: url('/images/100x150.jpeg?busted=true'), 100%, 1, 0, "stretch";
-  border-image: url('/images/100x150.jpeg?busted=true'), 100%, 1, 0, "stretch"; }
\ No newline at end of file
+  -webkit-border-image: url('/images/100x150.jpeg?busted=true'), 100%, 1, 0, stretch;
+  -moz-border-image: url('/images/100x150.jpeg?busted=true'), 100%, 1, 0, stretch;
+  -o-border-image: url('/images/100x150.jpeg?busted=true'), 100%, 1, 0, stretch;
+  border-image: url('/images/100x150.jpeg?busted=true'), 100%, 1, 0, stretch; }
\ No newline at end of file