Webdesign Standard

HTML5 - CSS3 - PHP

Wir programmieren Ihnen Ihre Webseite natürlich in den aktuellen Web Standards wie HTML5 und CSS 3.
Dabei Erstellen wir Ihnen die gewünschten Seiten Ihrer Webseite nach Ihren Vorstellungen und beachten die aktuellen Webstandards.
Durch HTML5 und CSS 3 entstehen zahlreiche neue praktikable und fantastische Techniken, die breits in der Praxis eingesetzt werden.

CSS Schlüsselwörter / Befehle:

 A

    :active
    additive-symbols (@counter-style)
    ::after (:after)
    align-content
    align-items
    align-self
    all
    <an-plus-b>
    <angle>
    <angle-percentage>
    animation
    animation-delay
    animation-direction
    animation-duration
    animation-fill-mode
    animation-iteration-count
    animation-name
    animation-play-state
    animation-timing-function
    @annotation
    annotation()
    attr()

B

    ::backdrop
    backdrop-filter
    backface-visibility
    background
    background-attachment
    background-blend-mode
    background-clip
    background-color
    background-image
    background-origin
    background-position
    background-repeat
    background-size
    <basic-shape>
    ::before (:before)
    bleed (@page)
    <blend-mode>
    block-size
    blur()
    border
    border-block
    border-block-color
    border-block-end
    border-block-end-color
    border-block-end-style
    border-block-end-width
    border-block-start
    border-block-start-color
    border-block-start-style
    border-block-start-width
    border-block-style
    border-block-width
    border-bottom
    border-bottom-color
    border-bottom-left-radius
    border-bottom-right-radius
    border-bottom-style
    border-bottom-width
    border-collapse
    border-color
    border-end-end-radius
    border-end-start-radius
    border-image
    border-image-outset
    border-image-repeat
    border-image-slice
    border-image-source
    border-image-width
    border-inline
    border-inline-color
    border-inline-end
    border-inline-end-color
    border-inline-end-style
    border-inline-end-width
    border-inline-start
    border-inline-start-color
    border-inline-start-style
    border-inline-start-width
    border-inline-style
    border-inline-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-start-end-radius
    border-start-start-radius
    border-style
    border-top
    border-top-color
    border-top-left-radius
    border-top-right-radius
    border-top-style
    border-top-width
    border-width
    bottom
    @bottom-center
    box-decoration-break
    box-shadow
    box-sizing
    break-after
    break-before
    break-inside
    brightness()

C

    calc()
    caption-side
    caret-color
    ch
    @character-variant
    character-variant()
    @charset
    :checked
    circle()
    clamp()
    clear
    clip
    clip-path
    cm
    <color>
    color
    color-adjust
    column-count
    column-fill
    column-gap
    column-rule
    column-rule-color
    column-rule-style
    column-rule-width
    column-span
    column-width
    columns
    conic-gradient()
    contain
    content
    contrast()
    <counter>
    counter-increment
    counter-reset
    counter-set
    @counter-style
    counters()
    cross-fade()
    cubic-bezier()
    ::cue
    ::cue-region
    cursor
    <custom-ident>

D

    :default
    deg
    <dimension>
    :dir
    direction
    :disabled
    display
    <display-box>
    <display-inside>
    <display-internal>
    <display-legacy>
    <display-listitem>
    <display-outside>
    dpcm
    dpi
    dppx
    drop-shadow()

E

    element()
    ellipse()
    em
    :empty
    empty-cells
    :enabled
    env()
    ex

F

    fallback (@counter-style)
    filter
    <filter-function>
    :first
    :first-child
    ::first-letter (:first-letter)
    ::first-line (:first-line)
    :first-of-type
    fit-content()
    <flex>
    flex
    flex-basis
    flex-direction
    flex-flow
    flex-grow
    flex-shrink
    flex-wrap
    float
    :focus
    font
    @font-face
    font-family
    font-family (@font-face)
    font-feature-settings
    font-feature-settings (@font-face)
    @font-feature-values
    font-kerning
    font-language-override
    font-optical-sizing
    font-size
    font-size-adjust
    font-stretch
    font-stretch (@font-face)
    font-style
    font-style (@font-face)
    font-synthesis
    font-variant
    font-variant (@font-face)
    font-variant-alternates
    font-variant-caps
    font-variant-east-asian
    font-variant-ligatures
    font-variant-numeric
    font-variant-position
    font-variation-settings
    font-variation-settings (@font-face)
    font-weight
    font-weight (@font-face)
    format()
    fr
    <frequency>
    <frequency-percentage>
    :fullscreen

G

    gap
    grad
    <gradient>
    grayscale()
    grid
    grid-area
    grid-auto-columns
    grid-auto-flow
    grid-auto-rows
    grid-column
    grid-column-end
    grid-column-start
    grid-row
    grid-row-end
    grid-row-start
    grid-template
    grid-template-areas
    grid-template-columns
    grid-template-rows

H

    Hz
    hanging-punctuation
    height
    height (@viewport)
    @historical-forms
    :hover
    hsl()
    hsla()
    hue-rotate()
    hyphens

I

    <ident>
    <image>
    image()
    image-orientation
    image-rendering
    image-set()
    @import
    in
    :in-range
    :indeterminate
    inherit
    initial
    inline-size
    inset
    inset()
    inset-block
    inset-block-end
    inset-block-start
    inset-inline
    inset-inline-end
    inset-inline-start
    <integer>
    :invalid
    invert()
    isolation

J

    justify-content
    justify-items
    justify-self

K

    kHz
    @keyframes

L

    :lang
    :last-child
    :last-of-type
    leader()
    :left
    left
    @left-bottom
    <length>
    <length-percentage>
    letter-spacing
    line-break
    line-height
    linear-gradient()
    :link
    list-style
    list-style-image
    list-style-position
    list-style-type
    local()

M

    margin
    margin-block
    margin-block-end
    margin-block-start
    margin-bottom
    margin-inline
    margin-inline-end
    margin-inline-start
    margin-left
    margin-right
    margin-top
    ::marker
    marks (@page)
    mask
    mask-border
    mask-border-mode
    mask-border-outset
    mask-border-repeat
    mask-border-slice
    mask-border-source
    mask-border-width
    mask-clip
    mask-composite
    mask-image
    mask-mode
    mask-origin
    mask-position
    mask-repeat
    mask-size
    mask-type
    matrix()
    matrix3d()
    max()
    max-block-size
    max-height
    max-height (@viewport)
    max-inline-size
    max-width
    max-width (@viewport)
    max-zoom (@viewport)
    @media
    min()
    min-block-size
    min-height
    min-height (@viewport)
    min-inline-size
    min-width
    min-width (@viewport)
    min-zoom (@viewport)
    minmax()
    mix-blend-mode
    mm
    ms

N

    @namespace
    negative (@counter-style)
    :not
    :nth-child
    :nth-last-child
    :nth-last-of-type
    :nth-of-type
    <number>

O

    object-fit
    object-position
    offset
    offset-anchor
    offset-distance
    offset-path
    offset-rotate
    :only-child
    :only-of-type
    opacity
    opacity()
    :optional
    order
    orientation (@viewport)
    @ornaments
    ornaments()
    orphans
    :out-of-range
    outline
    outline-color
    outline-offset
    outline-style
    outline-width
    overflow
    overflow-anchor
    overflow-block
    overflow-inline
    overflow-wrap
    overflow-x
    overflow-y
    overscroll-behavior
    overscroll-behavior-block
    overscroll-behavior-inline
    overscroll-behavior-x
    overscroll-behavior-y

P

    pad (@counter-style)
    padding
    padding-block
    padding-block-end
    padding-block-start
    padding-bottom
    padding-inline
    padding-inline-end
    padding-inline-start
    padding-left
    padding-right
    padding-top
    @page
    page-break-after
    page-break-before
    page-break-inside
    paint()
    paint-order
    path()
    pc
    <percentage>
    perspective
    perspective()
    perspective-origin
    place-content
    place-items
    place-self
    ::placeholder
    pointer-events
    polygon()
    <position>
    position
    prefix (@counter-style)
    pt
    px

Q

    Q
    quotes

R

    rad
    radial-gradient()
    range (@counter-style)
    <ratio>
    :read-only
    :read-write
    rect()
    rem
    repeat()
    repeating-linear-gradient()
    repeating-radial-gradient()
    :required
    resize
    <resolution>
    revert
    rgb()
    rgba()
    :right
    right
    @right-bottom
    :root
    rotate
    rotate()
    rotate3d()
    rotateX()
    rotateY()
    rotateZ()
    row-gap

S

    s
    saturate()
    scale
    scale()
    scale3d()
    scaleX()
    scaleY()
    scaleZ()
    :scope
    scroll-behavior
    scroll-margin
    scroll-margin-block
    scroll-margin-block-end
    scroll-margin-block-start
    scroll-margin-bottom
    scroll-margin-inline
    scroll-margin-inline-end
    scroll-margin-inline-start
    scroll-margin-left
    scroll-margin-right
    scroll-margin-top
    scroll-padding
    scroll-padding-block
    scroll-padding-block-end
    scroll-padding-block-start
    scroll-padding-bottom
    scroll-padding-inline
    scroll-padding-inline-end
    scroll-padding-inline-start
    scroll-padding-left
    scroll-padding-right
    scroll-padding-top
    scroll-snap-align
    scroll-snap-stop
    scroll-snap-type
    scrollbar-color
    scrollbar-width
    ::selection
    selector()
    sepia()
    <shape>
    shape-image-threshold
    shape-margin
    shape-outside
    size (@page)
    skew()
    skewX()
    skewY()
    ::slotted
    speak-as (@counter-style)
    src (@font-face)
    steps()
    <string>
    @styleset
    styleset()
    @stylistic
    stylistic()
    suffix (@counter-style)
    @supports
    @swash
    swash()
    symbols (@counter-style)
    symbols()
    system (@counter-style)

T

    tab-size
    table-layout
    :target
    target-counter()
    target-counters()
    target-text()
    text-align
    text-align-last
    text-combine-upright
    text-decoration
    text-decoration-color
    text-decoration-line
    text-decoration-skip-ink
    text-decoration-style
    text-decoration-thickness
    text-emphasis
    text-emphasis-color
    text-emphasis-position
    text-emphasis-style
    text-indent
    text-justify
    text-orientation
    text-overflow
    text-rendering
    text-shadow
    text-transform
    text-underline-offset
    text-underline-position
    <time>
    <time-percentage>
    <timing-function>
    top
    @top-center
    touch-action
    transform
    transform-box
    <transform-function>
    transform-origin
    transform-style
    transition
    transition-delay
    transition-duration
    transition-property
    transition-timing-function
    translate
    translate()
    translate3d()
    translateX()
    translateY()
    translateZ()
    turn

U

    unicode-bidi
    unicode-range (@font-face)
    unset
    <url>
    url()
    user-zoom (@viewport)

V

    :valid
    var()
    vertical-align
    vh
    @viewport
    viewport-fit (@viewport)
    visibility
    :visited
    vmax
    vmin
    vw

W

    white-space
    widows
    width
    width (@viewport)
    will-change
    word-break
    word-spacing
    word-wrap
    writing-mode

Z

    z-index
    zoom (@viewport)