From a9d43632f21aaec2ebde250bae054ad232762966 Mon Sep 17 00:00:00 2001 From: laolmstead <36485442+laolmstead@users.noreply.github.com> Date: Tue, 27 Nov 2018 10:26:12 -0500 Subject: [PATCH] Update Border-Radius section (#25703) Explain how border-radius is interpreted if only 2 values are provided. --- guide/english/css/borders/index.md | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/guide/english/css/borders/index.md b/guide/english/css/borders/index.md index 5a7d9e6f43..5a68d2e9f6 100644 --- a/guide/english/css/borders/index.md +++ b/guide/english/css/borders/index.md @@ -114,6 +114,10 @@ Each corner of `border-radius` can be adjusted individually in the following ord ```css border-radius: 15% 10px 30% 5px; ``` +If only two values are provided, the first value will be applied to the top-left and bottom-right corners and the second value will be applied to the top-right and bottom-left corners. +```css + border-radius: 10px 5px; +``` More complex border-radius values are available. This is done using a slash (/) between horizontal and vertical values.