HTML5 Online Editor

id name class value src

<font color=" ">

ПАЛИТРА ЦВЕТОВ HTML

ОСНОВНЫЕ

" (¿) x+y => $ ☻

:псевдокласс
- :active
- :after
- :before
- :checked css3
- :default css3
- :disabled css3
- :empty css3
- :enabled css3
- :focus
- :hover
- :in-range css3
- :indeterminate css3
- :invalid css3
- :lang
- :link
- :not
- :optional css3
- :read-only css3
- :read-write css3
- :required css3
- :root css3
- :target css3
- :valid css3
- :visited
основные
- position:
  - : absolute
  - : fixed
  - : relative
  - : static
  - : inherit
- bottom:
- color:
  - : inherit
  - : white ◆
  - : silver ◆
  - : grey ◆
  - : black
  - : maroon ◆
  - : red ◆
  - : orange ◆
  - : yellow ◆
  - : olive ◆
  - : lime ◆
  - : green ◆
  - : aqua ◆
  - : blue ◆
  - : navy ◆
  - : teal ◆
  - : fuchsia ◆
  - : purple ◆
- left:
- right:
- top:
- clear:
  - : none
  - : both
  - : left
  - : right
  - : inherit
- clip:
- display:
- float:
  - : none
  - : left
  - : right
  - : inherit
- height:
- margin:
- max-height:
- max-width:
- min-height:
- min-width:
- opacity: css3
- overflow:
  - : auto
  - : hidden
  - : scroll
  - : visible
  - : inherit
- overflow-x: css3
  - : auto
  - : hidden
  - : scroll
  - : visible
- overflow-y: css3
  - : auto
  - : hidden
  - : scroll
  - : visible
- padding:
- visibility:
- vertical-align:
  - : baseline
  - : bottom
  - : middle
  - : sub
  - : super
  - : text-bottom
  - : text-top
  - : top
  - : inherit
  - : px
  - : %
- width:
- z-index:
задний фон
границы
- box-shadow: css3
  - : none
  - : inset
  - : h-shadow
  - : v-shadow
  - : blur-radius
  - : spread-radius
  - : color
  - : initial
  - : inherit
- border:
- border-color:
  - : transparent
  - : inherit
  - : white ◆
  - : silver ◆
  - : grey ◆
  - : black
  - : maroon ◆
  - : red ◆
  - : orange ◆
  - : yellow ◆
  - : olive ◆
  - : lime ◆
  - : green ◆
  - : aqua ◆
  - : blue ◆
  - : navy ◆
  - : teal ◆
  - : fuchsia ◆
  - : purple ◆
- border-style:
  - : none
  - : hidden
  - : dotted
  - : dashed
  - : solid
  - : double
  - : groove
  - : ridge
  - : inset
  - : outset
  - : inherit
- border-width:
- border-collapse:
- border-radius: css3
- border-spacing:
- border-bottom:
- border-bottom-color:
- border-bottom-left-radius: 3
- border-bottom-right-radius: 3
- border-bottom-style:
  - : none
  - : hidden
  - : dotted
  - : dashed
  - : solid
  - : double
  - : groove
  - : ridge
  - : inset
  - : outset
  - : inherit
- border-bottom-width:
- border-image: css3
- border-image-outset: css3
  - : length
  - : number
  - : initial
  - : inherit
- border-image-repeat: css3
  - : stretch
  - : repeat
  - : round
  - : space
  - : initial
  - : inherit
- border-image-slice: css3
  - : number
  - : %
  - : fill
  - : initial
  - : inherit
- border-image-source: css3
  - : none
  - : image
  - : initial
  - : inherit
- border-image-width: css3
  - : number
  - : %
  - : length
  - : auto
  - : initial
  - : inherit
- border-left:
- border-left-color:
  - : transparent
  - : inherit
  - : white ◆
  - : silver ◆
  - : grey ◆
  - : black
  - : maroon ◆
  - : red ◆
  - : orange ◆
  - : yellow ◆
  - : olive ◆
  - : lime ◆
  - : green ◆
  - : aqua ◆
  - : blue ◆
  - : navy ◆
  - : teal ◆
  - : fuchsia ◆
  - : purple ◆
- border-left-style:
  - : none
  - : hidden
  - : dotted
  - : dashed
  - : solid
  - : double
  - : groove
  - : ridge
  - : inset
  - : outset
  - : inherit
- border-left-width:
- border-right:
- border-right-color:
  - : transparent
  - : inherit
  - : white ◆
  - : silver ◆
  - : grey ◆
  - : black
  - : maroon ◆
  - : red ◆
  - : orange ◆
  - : yellow ◆
  - : olive ◆
  - : lime ◆
  - : green ◆
  - : aqua ◆
  - : blue ◆
  - : navy ◆
  - : teal ◆
  - : fuchsia ◆
  - : purple ◆
- border-right-style:
  - : none
  - : hidden
  - : dotted
  - : dashed
  - : solid
  - : double
  - : groove
  - : ridge
  - : inset
  - : outset
  - : inherit
- border-right-width:
- border-top:
- border-top-style:
  - : none
  - : hidden
  - : dotted
  - : dashed
  - : solid
  - : double
  - : groove
  - : ridge
  - : inset
  - : outset
  - : inherit
- border-top-width:
- border-top-color:
- border-top-left-radius: css3
- border-top-right-radius: css3
текст
- direction:
  - : ltr
  - : rtl
  - : initial
  - : inherit
- hyphens: css3
  - : none
  - : manual
  - : auto
- letter-spacing:
  - : normal
  - : length
  - : initial
  - : inherit
- line-break: css3
  - : auto
  - : loose
  - : normal
  - : strict
- line-height:
- tab-size: css3
- text-align:
  - : left
  - : right
  - : center
  - : justify
  - : initial
  - : inherit
- text-align-last: css3
  - : left
  - : right
  - : center
  - : justify
  - : start
  - : end
  - : initial
  - : inherit
- text-indent:
  - : length
  - : %
  - : initial
  - : inherit
- text-decoration:
- text-decoration-color: css3
  - : initial
  - : inherit
  - : white ◆
  - : silver ◆
  - : grey ◆
  - : black
  - : maroon ◆
  - : red ◆
  - : orange ◆
  - : yellow ◆
  - : olive ◆
  - : lime ◆
  - : green ◆
  - : aqua ◆
  - : blue ◆
  - : navy ◆
  - : teal ◆
  - : fuchsia ◆
  - : purple ◆
- text-decoration-line: css3
- text-decoration-style: css3
  - : solid
  - : double
  - : dotted
  - : dashed
  - : wavy
  - : initial
  - : inherit
- text-shadow: css3
  - : none
  - : h-shadow
  - : v-shadow
  - : blur-radius
  - : color
  - : initial
  - : inherit
- text-transform:
- unicode-bidi:
- user-select:
  - : auto
  - : none
  - : text
- white-space:
  - : normal
  - : nowrap
  - : pre
  - : pre-line
  - : pre-wrap
  - : initial
  - : inherit
- word-break: css3
- word-spacing:
  - : normal
  - : length
  - : initial
  - : inherit
- word-wrap: css3
шрифт
- font:
  - : caption
  - : icon
  - : menu
  - : message-box
  - : small-caption
  - : status-bar
  - : initial
  - : inherit
- font-family:
- font-size:
  - : medium
  - : small
  - : x-small
  - : xx-small
  - : smaller
  - : large
  - : x-large
  - : xx-large
  - : larger
  - : length
  - : %
  - : initial
  - : inherit
- font-style:
  - : normal
  - : italic
  - : oblique
  - : initial
  - : inherit
- font-variant:
- font-weight:
  - : normal
  - : bold
  - : bolder
  - : lighter
  - : от 100 до 900
  - : initial
  - : inherit
таблицы
- border-collapse:
- bordeer-spacing:
- caption-side:
  - : top
  - : bottom
  - : initial
  - : inherit
- empty-cells:
  - : show
  - : hide
  - : initial
  - : inherit
- table-layout:
  - : auto
  - : fixed
  - : initial
  - : inherit
список/счетчик
контейнер
- align-content: css3
- align-items: css3
  - : stretch
  - : flex-start
  - : flex-end
  - : center
  - : baseline
  - : initial
  - : inherit
- align-self:
  - : auto
  - : stretch
  - : flex-start
  - : flex-end
  - : center
  - : baseline
  - : initial
  - : inherit
- justify-content: css3
- justify-items:
  - : stretch
  - : flex-start
  - : flex-end
  - : center
  - : baseline
  - : initial
  - : inherit
- justify-self:
  - : auto
  - : stretch
  - : flex-start
  - : flex-end
  - : center
  - : baseline
  - : initial
  - : inherit
- place-content:
- place-items:
- place-self:
- grid:
- grid-area:
- grid-auto-columns:
  - : auto
  - : lenght
  - : %
  - : flex
  - : max-content
  - : min-content
  - : minmax(min, max)
  - : fit-content
  - : initial
  - : inherit
- grid-auto-flow:
  - : row
  - : column
  - : dense
  - : initial
  - : inherit
- grid-auto-rows:
  - : auto
  - : lenght
  - : %
  - : flex
  - : max-content
  - : min-content
  - : minmax(min, max)
  - : fit-content
  - : initial
  - : inherit
- grid-column-start:
  - : auto
  - : line
  - : line-name
  - : span line
  - : initial
  - : inherit
- grid-column-end:
  - : auto
  - : line
  - : line-name
  - : span line
  - : initial
  - : inherit
- grid-column-gap:
  - : normal
  - : lenght
  - : %
  - : initial
  - : inherit
- grid-row-start:
  - : auto
  - : line
  - : line-name
  - : span line
  - : initial
  - : inherit
- grid-row-end:
  - : auto
  - : line
  - : line-name
  - : span line
  - : initial
  - : inherit
- grid-row-gap:
  - : normal
  - : lenght
  - : %
  - : initial
  - : inherit
- grid-template-areas:
  - : none
  - : .
  - : itemnames
  - : initial
  - : inherit
- grid-template-columns:
- grid-template-row:
- grid-gap:
  - : normal
  - : lenght
  - : %
  - : initial
  - : inherit
колонки
- column-count: css3
  - : auto
  - : number
  - : initial
  - : inherit
- column-gap: css3
  - : normal
  - : number
  - : initial
  - : inherit
- column-rule-width: css3
  - : medium
  - : thin
  - : thick
  - : length
  - : initial
  - : inherit
- column-rule-style: css3
  - : none
  - : hidden
  - : dotted
  - : dashed
  - : solid
  - : double
  - : groove
  - : ridge
  - : inset
  - : outset
  - : initial
  - : inherit
- column-rule-color: css3
- column-span: css3
  - : none
  - : all
  - : initial
  - : inherit
- column-width: css3
  - : auto
  - : length
  - : initial
  - : inherit
- widows: number
интерфейс
- box-sizing: css3
- content:
- cursor:
  - : alias
  - : all-scroll
  - : cell
  - : col-resize
  - : copy
  - : crosshair
  - : default
  - : e-resize
  - : grab
  - : help
  - : move
  - : n-resize
  - : ne-resize
  - : no-drop
  - : none
  - : pointer
  - : progress
  - : row-resize
  - : s-resize
  - : se-resize
  - : text
  - : URL (свой)
  - : vertical-text
  - : w-resize
  - : wait
  - : zoom-in
  - : zoom-out
  - : initial
  - : inherit
- outline:
- outline-style:
  - : none
  - : hidden
  - : dotted
  - : dashed
  - : solid
  - : double
  - : groove
  - : ridge
  - : inset
  - : outset
  - : initial
  - : inherit
- outline-width:
  - : medium
  - : thin
  - : thick
  - : length
  - : initial
  - : inherit
- outline-color:
  - : invert
  - : color
  - : initial
  - : inherit
- outline-offset: css3
- resize: css3
  - : none
  - : both
  - : horizontal
  - : vertical
  - : initial
  - : inherit
- text-overflow: css3
  - : clip
  - : ellipsis
  - : string
  - : initial
  - : inherit
трансформация
анимация
FLEX
- flex: css3
  - : auto
  - : none
  - : initial
  - : inherit
- flex-basis: css3
  - : auto
  - : width
  - : initial
  - : inherit
- flex-direction: css3
- flex-flow: css3
- flex-grow: css3
- flex-shrink: css3
- flex-wrap: css3
- order: css3
@параметр
- @charset
- @font-face
- @import
- @media
- @page
-ms-
-webkit-
-moz-
-moz-
-moz-
all: css3
ЗАКРЫТЬ

Редактор в стадии онлайн разработки.
Предложения и замечания писать на
cq73@ya.ru

ТЕКСТ
ФОРМА
CSS
ЦВЕТА
СИМВОЛЫ
- HTML
- JS
СОХРАНИТЬ