Własności CSS


CZCIONKA:

  • color
  • font
  • @font-face
  • font-family
  • font-feature-settings
  • @font-feature-values
  • font-kerning
  • font-language-override
  • font-size
  • font-size-adjust
  • font-stretch
  • font-style
  • font-synthesis
  • font-variant
  • font-variant-alternates
  • font-variant-caps
  • font-variant-east-asian
  • font-variant-ligatures
  • font-variant-numeric
  • font-variant-position
  • font-weight

 

 

color:

Właściwość color opisuje kolor pierwszoplanowy (najczęściej kolor napisów) elementu.

Na przykład, wyobraź sobie że chcesz aby nagłówki na stronie miały ciemno czerwony kolor. Nagłówki są oznaczone znacznikiem <h1> w kodzie HTML. Kod CSS poniżej ustawia kolor elementów <h1> na czerwony.

 

h1 {

color: #ff0000;

}

 

Kolory mogą zostać wprowadzone jako wartość szesnastkowa tak jak w przykładzie powyżej (#ff0000). Możesz także skorzystać z angielskich nazw najbardziej popularnych kolorów („red” – czerwony) lub wartości rgb (rgb(255,0,0)).

 

font-family

font-family dopuszcza uszeregowaną pod względem ważności listę nazw rodzin czcionek oraz/lub nazwy rodzajów czcionek do zdefiniowania dla wybranego elementu. W przeciwieństwie do większości innych własności CSS, wartości są oddzielone przecinkiem, by wskazywały, że są alternatywami.

 

TEKST:

 

  • text-align
  • text-align-last
  • text-combine-horizontal
  • text-decoration
  • text-decoration-color
  • text-decoration-line
  • text-decoration-style
  • text-indent
  • text-orientation
  • text-overflow
  • text-rendering
  • text-shadow
  • text-transform
  • text-underline-position
  • letter-spacing

 

TŁO:

 

  • background-color
  • background-image
  • background-repeat
  • background-attachment
  • background-position
  • background

 

MODEL PUDEŁKOWY:

 

MARGINESY:

  • margin
  • margin-top
  • margin-right
  • margin-bottom
  • margin-left
  • padding
  • padding-top
  • padding -right
  • padding -bottom
  • padding -left

 

 

OBRAMOWANIE:

 

  • border
  • border-bottom
  • border-bottom-color
  • border-bottom-left-radius
  • border-bottom-right-radius
  • border-bottom-style
  • border-bottom-width
  • border-collapse
  • border-color
  • border-image
  • border-image-outset
  • border-image-repeat
  • border-image-slice
  • border-image-source
  • border-image-width
  • border-left
  • border-left-color
  • border-left-style
  • border-left-width
  • border-radius
  • border-right
  • border-right-color
  • border-right-style
  • border-right-width
  • border-spacing
  • border-style
  • border-top
  • border-top-color
  • border-top-left-radius
  • border-top-right-radius
  • border-top-style
  • border-top-width
  • border-width

 

ODNOŚNIKI:

 

  • a:link
  • a:visited
  • a:active
  • a:hover

 

WYKAZY:

 

  • list-style
  • list-style-image
  • list-style-position
  • list-style-type

 

ROZMIARY:

  • height
  • width
  • max-height
  • max-width
  • min-height
  • min-width

 

 

TABELE:

  • caption-side
  • table-layout
  • border-collapse
  • border-spacing
  • empty-cells

 

POZYCJONOWANIE:

 

  • position: static
  • position: relative
  • position: absolute
  • position: fixed
  • position: sticky
  • position: inherit

 

 

KURSORY:

  • cursor

 

DRUKOWANIE:

  • @page
  • page-break-after
  • page-break-before
  • page-break-inside
  • windows
  • orphans
  • @media

 

SUWAKI:

  • scrollbar-base-color
  • scrollbar-highlight-color
  • scrollbar-shadow-color
  • scrollbar-3dlight-color
  • scrollbar-darkshadow-color
  • scrollbar-arrow-color
  • scrollbar-track-color
  • scrollbar-face-color