From 218934fa2ed1c702a6d3923d2aa2cc6b43c48684 Mon Sep 17 00:00:00 2001 From: Peter Bengtsson Date: Tue, 8 Dec 2020 14:43:23 -0500 Subject: initial commit --- .../index.html" | 188 +++++++++++++++++++++ 1 file changed, 188 insertions(+) create mode 100644 "files/uk/web/css/\320\264\320\276\320\262\321\226\320\264\320\275\320\270\320\272/index.html" (limited to 'files/uk/web/css/довідник') diff --git "a/files/uk/web/css/\320\264\320\276\320\262\321\226\320\264\320\275\320\270\320\272/index.html" "b/files/uk/web/css/\320\264\320\276\320\262\321\226\320\264\320\275\320\270\320\272/index.html" new file mode 100644 index 0000000000..ba325fe7da --- /dev/null +++ "b/files/uk/web/css/\320\264\320\276\320\262\321\226\320\264\320\275\320\270\320\272/index.html" @@ -0,0 +1,188 @@ +--- +title: CSS довідник +slug: Web/CSS/Довідник +translation_of: Web/CSS/Reference +--- +

This CSS Reference shows the basic syntax of a CSS rule; lists all standard CSS properties, pseudo-classes and pseudo-elements, @-rules, units, and selectors, all together in alphabetical order, as well as just the selectors by type; and allows you to quickly access detailed information for each of them. It not only lists the CSS 1 and CSS 2.1 properties, but also is a CSS3 reference that links to any CSS3 property and concept standardized, or already stabilized.  Also included is a brief DOM-CSS / CSSOM reference.

+ +

Note that CSS rule-definitions are entirely (ASCII) text-based, whereas DOM-CSS / CSSOM, the rule-management system, is object-based.

+ +

See also Mozilla CSS Extensions for Gecko-specific properties prefixed with -moz; and WebKit CSS Extensions for WebKit-specific properties. See Vendor-prefixed CSS Property Overview by Peter Beverloo for all prefixed properties.

+ +

Basic rule syntax

+ +

Be warned that any syntax error in a rule definition will invalidate the entire rule.

+ +

Style rules

+ +
selectorlist { property: value; [more property:value; pairs] }
+
+...where selectorlist is: selector[:pseudo-class] [::pseudo-element] [, more selectorlists]
+
+See selector, pseudo-element, pseudo-class lists below.
+
+ +

Examples

+ +
strong { color: red;}
+div.menu-bar li:hover > ul { display: block; }
+
+ +

More about examples: #1, #2

+ +

@rules

+ +

As these have so many different structure-formats, see the desired At-rule for syntax.

+ +

Keyword index

+ +
{{CSS_Ref}}
+ +
+
+

Selectors

+ +
    +
  • Basic Selectors + +
    • +
  • Combinators    (more info) + +
    • +
  • Pseudo-elements    (more info) +
      +
    • {{ Cssxref("::after") }}
      • +
    • {{ Cssxref("::before") }}
      • +
    • {{ Cssxref("::first-letter") }}
      • +
    • {{ Cssxref("::first-line") }}
      • +
    • {{ Cssxref("::selection") }}
      • +
    • {{ Cssxref("::backdrop") }}
      • +
    • {{ Cssxref("::placeholder") }} {{experimental_inline}}
      • +
    • {{ Cssxref("::marker") }} {{experimental_inline}}
      • +
    • {{ Cssxref("::spelling-error") }} {{experimental_inline}}
      • +
    • {{ Cssxref("::grammar-error") }} {{experimental_inline}}
      • +
    +
    • +
  • Standard pseudo-classes    (more info) +
    +
      +
    • {{ Cssxref(":active") }}
      • +
    • {{ cssxref(':any')}}
      • +
    • {{ Cssxref(":checked") }}
      • +
    • {{ Cssxref(":default") }}
      • +
    • {{ Cssxref(":dir", ":dir()")}}
      • +
    • {{ Cssxref(":disabled") }}
      • +
    • {{ Cssxref(":empty") }}
      • +
    • {{ Cssxref(":enabled") }}
      • +
    • {{ Cssxref(":first") }}
      • +
    • {{ Cssxref(":first-child") }}
      • +
    • {{ Cssxref(":first-of-type") }}
      • +
    • {{ Cssxref(":fullscreen") }}
      • +
    • {{ Cssxref(":focus") }}
      • +
    • {{ Cssxref(":hover") }}
      • +
    • {{ Cssxref(":indeterminate") }}
      • +
    • {{ Cssxref(":in-range") }}
      • +
    • {{ Cssxref(":invalid") }}
      • +
    • {{ Cssxref(":lang", ":lang()") }}
      • +
    • {{ Cssxref(":last-child") }}
      • +
    • {{ Cssxref(":last-of-type") }}
      • +
    • {{ Cssxref(":left") }}
      • +
    • {{ Cssxref(":link") }}
      • +
    • {{ Cssxref(":not", ":not()") }}
      • +
    • {{ Cssxref(":nth-child", ":nth-child()") }}
      • +
    • {{ Cssxref(":nth-last-child", ":nth-last-child()") }}
      • +
    • {{ Cssxref(":nth-last-of-type", ":nth-last-of-type()") }}
      • +
    • {{ Cssxref(":nth-of-type", ":nth-of-type()") }}
      • +
    • {{ Cssxref(":only-child") }}
      • +
    • {{ Cssxref(":only-of-type") }}
      • +
    • {{ Cssxref(":optional") }}
      • +
    • {{ Cssxref(":out-of-range") }}
      • +
    • {{ Cssxref(":read-only") }}
      • +
    • {{ Cssxref(":read-write") }}
      • +
    • {{ Cssxref(":required") }}
      • +
    • {{ Cssxref(":right") }}
      • +
    • {{ Cssxref(":root") }}
      • +
    • {{ Cssxref(":scope") }}
      • +
    • {{ Cssxref(":target") }}
      • +
    • {{ Cssxref(":valid") }}
      • +
    • {{ Cssxref(":visited") }}
      • +
    +
    +
    • +
+ +

A complete list of selectors in the Selectors Level 3 specification.

+ +

CSS3 Tutorials

+ +

These small how-to pages describe new technologies appeared in CSS3, or in CSS2.1 but with low support until recently:

+ + + +

Concepts

+ + + +

DOM-CSS / CSSOM

+ +

Major object types:

+ + + +

Important methods:

+ +
    +
  • {{domxref("CSSStyleSheet.insertRule")}}
    • +
  • {{domxref("CSSStyleSheet.deleteRule")}}
    • +
+
+
-- cgit v1.2.3-54-g00ecf