Wyniki wyszukiwania

border

W tym artykule

Podsumowanie
1. Składnia
2. Wartości
Przykłady
Notatki
Specifications
Browser compatibility

Podsumowanie

Własność border jest skróconą własnością dla ustawienia indywidualnych wartości własności obramowania w jednym miejscu w arkuszu stylów. border może być używane do ustawienia jednej lub więcej z następujących własności: border-width, border-style, border-color.

Wartość początkowa	as each of the properties of the shorthand: `border-width`: as each of the properties of the shorthand: `border-top-width`: `medium` `border-right-width`: `medium` `border-bottom-width`: `medium` `border-left-width`: `medium` `border-style`: as each of the properties of the shorthand: `border-top-style`: `none` `border-right-style`: `none` `border-bottom-style`: `none` `border-left-style`: `none` `border-color`: as each of the properties of the shorthand: `border-top-color`: `currentColor` `border-right-color`: `currentColor` `border-bottom-color`: `currentColor` `border-left-color`: `currentColor`
Stosowana do	wszystkich elementów. It also applies to `::first-letter`.
Dziedziczona	no
Media	visual
Wartość wyliczona	as each of the properties of the shorthand: `border-width`: as each of the properties of the shorthand: `border-bottom-width`: the absolute length or `0` if `border-bottom-style` is `none` or `hidden` `border-left-width`: the absolute length or `0` if `border-left-style` is `none` or `hidden` `border-right-width`: the absolute length or `0` if `border-right-style` is `none` or `hidden` `border-top-width`: the absolute length or `0` if `border-top-style` is `none` or `hidden` `border-style`: as each of the properties of the shorthand: `border-bottom-style`: jako określone `border-left-style`: jako określone `border-right-style`: jako określone `border-top-style`: jako określone `border-color`: as each of the properties of the shorthand: `border-bottom-color`: If the value is translucent, the computed value will be the `rgba()` corresponding one. If it isn't, it will be the `rgb()` corresponding one. The `transparent` keyword maps to `rgba(0,0,0,0)`. `border-left-color`: If the value is translucent, the computed value will be the `rgba()` corresponding one. If it isn't, it will be the `rgb()` corresponding one. The `transparent` keyword maps to `rgba(0,0,0,0)`. `border-right-color`: If the value is translucent, the computed value will be the `rgba()` corresponding one. If it isn't, it will be the `rgb()` corresponding one. The `transparent` keyword maps to `rgba(0,0,0,0)`. `border-top-color`: If the value is translucent, the computed value will be the `rgba()` corresponding one. If it isn't, it will be the `rgb()` corresponding one. The `transparent` keyword maps to `rgba(0,0,0,0)`.
Animatable	as each of the properties of the shorthand: `border-color`: as each of the properties of the shorthand: `border-bottom-color`: yes, as a color `border-left-color`: yes, as a color `border-right-color`: yes, as a color `border-top-color`: yes, as a color `border-style`: no `border-width`: as each of the properties of the shorthand: `border-bottom-width`: yes, as a length `border-left-width`: yes, as a length `border-right-width`: yes, as a length `border-top-width`: yes, as a length
Canonical order	order of appearance in the formal grammar of the values

Składnia

border: [border-width || border-style || border-color | inherit] ;

Wartości

border-width: Zobacz border-width.
border-style: Zobacz border-style.
border-color: Zobacz border-color.

Przykłady

Zobacz przykład

element { 
    border: 1px solid #000;
}

Notatki

Podczas, gdy własności border-width, border-style oraz border-color przyjmują do czterech wartości, ta własność przyjmuje tylko jedną wartość dla każdej własności.

Specifications

Specification	Status	Comment
CSS Backgrounds and Borders Module Level 3 The definition of 'border' in that specification.	Candidate Recommendation	Technically removes the support for `transparent` as it is now a valid `<color>`; this has no practical influence. Though it cannot be set to another value using the shorthand, `border` does now reset `border-image` to its initial value (`none`).
CSS Level 2 (Revision 1) The definition of 'border' in that specification.	Recommendation	Accepts the `inherit` keyword. Also accepts `transparent` as a valid color.
CSS Level 1 The definition of 'border' in that specification.	Recommendation	Initial definition

Feature	Chrome	Firefox (Gecko)	Internet Explorer	Opera	Safari
Basic support	1.0	1.0 (1.7 or earlier)	4.0	3.5	1.0 (85)

Feature	Android	Firefox Mobile (Gecko)	IE Phone	Opera Mobile	Safari Mobile
Basic support	?	1.0 (1.9.2)	?	?	1.0

Autorzy i etykiety dokumentu

Etykiety:

Autorzy tej strony: Sebastianz, fscholz, teoli, Yuichiro, Ptak82, Mgjbot, Witia

Ostatnia aktualizacja: Sebastianz, 28.06.2016, 07:01:40

Zobacz także