From 074785cea106179cb3305637055ab0a009ca74f2 Mon Sep 17 00:00:00 2001 From: Peter Bengtsson Date: Tue, 8 Dec 2020 14:42:52 -0500 Subject: initial commit --- files/ru/web/css/border-bottom/index.html | 133 ++++++++++++++++++++++++++++++ 1 file changed, 133 insertions(+) create mode 100644 files/ru/web/css/border-bottom/index.html (limited to 'files/ru/web/css/border-bottom') diff --git a/files/ru/web/css/border-bottom/index.html b/files/ru/web/css/border-bottom/index.html new file mode 100644 index 0000000000..e27f8f0fe8 --- /dev/null +++ b/files/ru/web/css/border-bottom/index.html @@ -0,0 +1,133 @@ +--- +title: border-bottom +slug: Web/CSS/border-bottom +translation_of: Web/CSS/border-bottom +--- +
{{CSSRef}}
+ +

Сокращённое свойство CSS border-bottom описывает нижнюю границу элемента border. Оно устанавливает значения {{cssxref("border-bottom-width")}}, {{cssxref("border-bottom-style")}} и {{cssxref("border-bottom-color")}}.

+ +
{{EmbedInteractiveExample("pages/css/border-bottom.html")}}
+ + + +

Как и все сокращённые свойства, border-bottom устанавливает значения всех свойств, которые он может установить, даже если они не указаны. Для тех свойств, которые не указаны оно устанавливает значения по умолчанию. Это означает, что ...

+ +
border-bottom-style: dotted;
+border-bottom: thick green;
+
+ +

... это то же самое, что ...

+ +
border-bottom-style: dotted;
+border-bottom: none thick green;
+
+ +

... и значение {{cssxref("border-bottom-style")}}, указанное перед border-bottom игнорируется. Поскольку значением по умолчанию для {{cssxref("border-bottom-style")}} является none, то без указания border-style граница не будет показана.

+ +

Constituent properties

+ +

This property is a shorthand for the following CSS properties:

+ + + +

Syntax

+ +
border-bottom: 1px;
+border-bottom: 2px dotted;
+border-bottom: medium dashed blue;
+
+ +

The three values of the shorthand property can be specified in any order, and one or two of them may be omitted.

+ +

Values

+ +
+
<br-width>
+
See {{cssxref("border-bottom-width")}}.
+
<br-style>
+
See {{cssxref("border-bottom-style")}}.
+
{{cssxref("<color>")}}
+
See {{cssxref("border-bottom-color")}}.
+
+ +

Formal definition

+ +

{{CSSInfo}}

+ +

Formal syntax

+ +
{{csssyntax}}
+ +

Examples

+ +

Applying a bottom border

+ +

HTML

+ +
<div>
+  This box has a border on the bottom side.
+</div>
+ +

CSS

+ +
div {
+  border-bottom: 4px dashed blue;
+  background-color: gold;
+  height: 100px;
+  width: 100px;
+  font-weight: bold;
+  text-align: center;
+}
+
+ +

Results

+ +

{{EmbedLiveSample('Applying_a_bottom_border')}}

+ +

Specifications

+ + + + + + + + + + + + + + + + + + + + + + + + + + +
SpecificationStatusComment
{{SpecName('CSS3 Backgrounds', '#propdef-border-bottom', 'border-bottom')}}{{Spec2('CSS3 Backgrounds')}}No direct changes, though the modification of values for the {{cssxref("border-bottom-color")}} do apply to it.
{{SpecName('CSS2.1', 'box.html#propdef-border-bottom', 'border-bottom')}}{{Spec2('CSS2.1')}}No significant changes.
{{SpecName('CSS1', '#border-bottom', 'border-bottom')}}{{Spec2('CSS1')}}Initial definition
+ +

Browser compatibility

+ + + +

{{Compat("css.properties.border-bottom")}}

+ +

See also

+ + -- cgit v1.2.3-54-g00ecf