К содержанию

Αναφορά CSS

Μια βολική αναφορά CSS, γραμμένη σε απλή γλώσσα, με παραδείγματα. Περιέχει ό,τι είναι απαραίτητο, καθώς και flex, grid, κινούμενα σχέδια, διαβαθμίσεις, μετασχηματισμούς και όλες τις σύγχρονες λειτουργίες!

Τα πιο απαραίτητα

Ιδιότητα font-size

Ιδιότητα font-style

Ιδιότητα font-weight

Ιδιότητα line-height

Ιδιότητα font-family

Ιδιότητα font

Ιδιότητα text-indent

Ιδιότητα text-align

Αλλαγές γραμμής

Ιδιότητα white-space

Ιδιότητα word-break

Ιδιότητα overflow-wrap

Ιδιότητα overflow

Ιδιότητα overflow-x

Ιδιότητα overflow-y

Ιδιότητα tab-size

Ιδιότητα text-overflow

Ιδιότητα hyphens

Ιδιότητα line-clamp

Χρώμα

Ιδιότητα color

Στρογγυλοποίηση

Ιδιότητα border-radius

Ιδιότητα border-top-left-radius

Ιδιότητα border-top-right-radius

Ιδιότητα border-bottom-left-radius

Ιδιότητα border-bottom-right-radius

Περίγραμμα

Ιδιότητα outline

Ιδιότητα outline-width

Ιδιότητα outline-style

Ιδιότητα outline-color

Ιδιότητα outline-offset

Σκιές

Ιδιότητα text-shadow

Ιδιότητα box-shadow

Διαφάνεια

Ιδιότητα opacity

Ιδιότητα visibility

Διαβαθμίσεις

Συνάρτηση linear-gradient

Συνάρτηση radial-gradient

Συνάρτηση repeating-linear-gradient

Συνάρτηση repeating-radial-gradient

Περικοπή

Ιδιότητα clip

Ιδιότητα clip-path

Ιδιότητα mask

Ιδιότητα mask-position

Ιδιότητα mask-image

Ιδιότητα mask-mode

Ιδιότητα mask-size

Ιδιότητα mask-repeat

Ιδιότητα mask-origin

Ιδιότητα mask-clip

Ιδιότητα mask-composite

Εικόνα συνόρου

Ιδιότητα border-image

Ιδιότητα border-image-source

Ιδιότητα border-image-slice

Ιδιότητα border-image-repeat

Ιδιότητα border-image-outset

Ιδιότητα border-image-width

Εργασία με ποντίκι

Ψευδοστοιχείο selection

Ιδιότητα user-select - Απαγόρευση επιλογής κειμένου

Ιδιότητα pointer-events

Ιδιότητα cursor

Στυλ

Η εντολή !important

Ο κανόνας media

Ο κανόνας supports

Η εντολή import

Ο ψευδο-κλάσος default

Η ψευδοκλάση fullscreen

Ο ψευδο-κλάσος in-range

Ο ψευδο-κλάσος indeterminate

Ο ψευδο-κλάσος invalid

Ο ψευδο-κλάσος optional

Ο ψευδο-κλάσος out-of-range

Ο ψευδο-κλάσος placeholder-shown

Ο ψευδο-κλάσος read-only

Ψευδοκλάση read-write

Ο ψευδο-κλάσος required

Ο ψευδο-κλάσος :valid

Ιδιότητα caret-color

Ο ψευδο-κλάσος focus-within

Ιδιότητα scroll-behavior

Λίστες

Ιδιότητα list-style-type

Ιδιότητα list-style-position

Ιδιότητα list-style-image

Ιδιότητα list-style

Πίνακες

Ιδιότητα border-collapse

Ιδιότητα border-spacing

Ιδιότητα empty-cells

Η ιδιότητα table-layout

Σύνδεσμοι

Ψευδοκλάση link

Ο ψευδο-κλάσος visited

Ψευδοκλάση hover

Ψευδοκλάση active

Φόρμες

Ψευδοκλάση focus

Ο ψευδο-στοιχείο placeholder

Ψευδοκλάση checked

Ψευδοκλάση disabled

Ο ψευδο-κλάσος enabled

Διαστάσεις

Ιδιότητα width

Ιδιότητα height

Ιδιότητα min-width

Ιδιότητα max-width

Ιδιότητα min-height

Ιδιότητα max-height

Περιθώρια

Ιδιότητα margin

Ιδιότητα margin-top

Ιδιότητα margin-bottom

Ιδιότητα margin-left

Ιδιότητα margin-right

Ιδιότητα padding

Ιδιότητα padding-top

Ιδιότητα padding-bottom

Ιδιότητα padding-left

Ιδιότητα padding-right

Ιδιότητα padding-block-end

Ιδιότητα padding-block-start

Ιδιότητα padding-inline-end

Ιδιότητα padding-inline-start

Διάφορα

Η ιδιότητα box-sizing

Ιδιότητα display

Ιδιότητα resize

Ιδιότητα aspect-ratio

Ιδιότητα object-fit

Υπολογισμοί

Συνάρτηση calc

Συνάρτηση clamp

Συνάρτηση min

Συνάρτηση max

Μονάδες μεγέθους

Μονάδα px

Μονάδα em

Μονάδα rem

Μονάδα %

Μονάδα fr

Μονάδα vw

Η μονάδα vh για μεγέθη στο CSS

Η μονάδα vmax

Μονάδα vmin

Flex

Ιδιότητα flex-direction

Ιδιότητα justify-content

Ιδιότητα align-items

Ιδιότητα flex-wrap

Η ιδιότητα flex-flow

Η ιδιότητα align-self

Ιδιότητα order

Ιδιότητα flex-basis

Η ιδιότητα flex-grow

Ιδιότητα flex-shrink

Ιδιότητα flex

Θέση

Ιδιότητα position

Ιδιότητα z-index

Ο ψευδο-στοιχείο backdrop

Ιδιότητα bottom

Ιδιότητα top

Ιδιότητα left

Ιδιότητα right

Ιδιότητα caption-side

Περιλισμός

Ιδιότητα float

Ιδιότητα clear

Ιδιότητα shape-outside

Ιδιότητα shape-margin

Στήλες

Ιδιότητα column-count

Ιδιότητα column-rule

Ιδιότητα column-width

Ιδιότητα column-span

Ιδιότητα columns

Άρνηση

Ψευδοκλάση not

Ανά θέση

Ψευδοκλάση first-child

Ο ψευδο-κλάσος last-child

Ο ψευδο-κλάσος nth-child

Ψευδοκλάση nth-last-child

Ο ψευδο-κλάσος only-child

Ανά τύπο και θέση

Ψευδοκλάση first-of-type

Ο ψευδο-κλάσος last-of-type

Ψευδοκλάση nth-of-type

Ψευδοκλάση nth-last-of-type

Ο ψευδο-κλάσος only-of-type

Διάφορα

Ψευδοκλάση empty

Ψευδοκλάση lang

Ψευδοκλάση target

Μέρος κειμένου

Ψευδοστοιχείο first-letter

Ο ψευδο-στοιχείο first-line

Ομαλές Μεταβάσεις

Ιδιότητα transition-duration

Ιδιότητα transition-delay

Ιδιότητα transition-property

Ιδιότητα transition-timing-function

Ιδιότητα transition

Κινούμενα Σχέδια

Η εντολή @keyframes

Ιδιότητα animation-name

Ιδιότητα animation-duration

Ιδιότητα animation-delay

Ιδιότητα animation-timing-function

Ιδιότητα animation-iteration-count

Ιδιότητα animation-direction

Ιδιότητα animation-fill-mode

Ιδιότητα animation-play-state

Ιδιότητα animation

Μετασχηματισμοί

Η ιδιότητα transform

Ιδιότητα transform-origin

Περιστροφή

Συνάρτηση rotate

Συνάρτηση rotateX

Συνάρτηση rotateY

Συνάρτηση rotateZ

Συνάρτηση rotate3d

Κλίμακα

Συνάρτηση scale

Συνάρτηση scaleX

Συνάρτηση scaleY

Λοξότητα

Η συνάρτηση skew

Συνάρτηση skewX

Η συνάρτηση skewY

Μετατόπιση

Συνάρτηση translate

Συνάρτηση translateX

Συνάρτηση translateY

Εισαγωγή κειμένου

Ψευδοστοιχείο after

Ο ψευδο-στοιχείο before

Ιδιότητα content

Συνάρτηση attr

Μετρητές

Ιδιότητα counter-increment

Ιδιότητα counter-reset

Επιλογείς

Σταθεροποιητής Συμφραζομένων στο CSS

Παιδικός επιλογέας στο CSS

Γειτονικός επιλογέας στο CSS

Ο Αδελφικός Επιλογέας στο CSS

Καθολικός Επιλογέας στο CSS

Επιλογείς

Επιλογέας βάσει ονόματος χαρακτηριστικού

Επιλογέας βάσει τιμής χαρακτηριστικού

Επιλογέας βάσει αρχικής τιμής χαρακτηριστικού

Επιλογέας βάσει του τέλους της τιμής ενός χαρακτηριστικού

Επιλογέας ιδιότητας ανά κείμενο

Επιλογέας βάσει μιας από τις τιμές του χαρακτηριστικού

Επιλογέας Ιδιότητας με Πούλμαν στην Τιμή