აქ არის დეტალური ახსნა თითოეული CSS თვისებისთვის
საკუთრება color
თვისება color გამოიყენება ელემენტის ტექსტის ფერის დასაფორმებლად.
მნიშვნელობა შეიძლება იყოს ფერის სახელი(მაგ., red, blue, green), თექვსმეტობითი კოდი(მაგ., "#FF0000" for red) ან rgb() ფუნქცია მნიშვნელობების დასაზუსტებლად Red, Green, Blue.
მაგალითი: color: red;
საკუთრება font-size
თვისება font-size გამოიყენება ელემენტის შიგნით ტექსტის ზომის დასაფორმებლად.
მნიშვნელობა შეიძლება იყოს პიქსელებში(მაგ., "12px"), em ერთეულებში(მაგ., "1.2em"), პროცენტებში(%) ან სხვა შედარებითი მნიშვნელობები.
მაგალითი: font-size: 16px;
საკუთრება background-color
თვისება background-color გამოიყენება ელემენტის ფონის ფერის დასაფორმებლად.
მნიშვნელობა ასევე შეიძლება იყოს ფერის სახელი, თექვსმეტობითი კოდი ან "rgb()" ფუნქცია ფერის დასაზუსტებლად.
მაგალითი: background-color: #F0F0F0;
საკუთრება font-family
თვისება "font-family" განსაზღვრავს შრიფტს, რომელიც გამოიყენება ელემენტის ტექსტისთვის.
მნიშვნელობა შეიძლება იყოს შრიფტის სახელი(მაგ., Arial, Helvetica) ან შრიფტის სახელების პრიორიტეტული სია.
მაგალითი: font-family: Arial, sans-serif;
საკუთრება text-align
თვისება "text-align" გამოიყენება ელემენტის შიგნით ტექსტის გასასწორებლად.
მნიშვნელობა შეიძლება იყოს left, right, center ან justify(ორივე ბოლოზე ტექსტის გასამართლებლად).
მაგალითი: text-align: center;
საკუთრება width
თვისება "width" განსაზღვრავს ელემენტის სიგანეს.
მნიშვნელობა შეიძლება იყოს პიქსელებში, პროცენტებში(%) ან auto ავტომატურ სიგანეზე.
მაგალითი: width: 300px;
საკუთრება height
თვისება height განსაზღვრავს ელემენტის სიმაღლეს.
მნიშვნელობა შეიძლება იყოს pixel, პროცენტებში(%) ან auto ავტომატური სიმაღლისთვის.
მაგალითი: height: 200px;
საკუთრება border
თვისება border გამოიყენება ელემენტის გარშემო საზღვრის შესაქმნელად.
მნიშვნელობა შეიძლება შეიცავდეს საზღვრის სისქეს(მაგ., "1px"), border style(მაგ. solid, , dotted) და color(მაგ., red).
მაგალითი: border: 1px solid black;
საკუთრება margin
თვისება margin განსაზღვრავს მანძილს ელემენტსა და მიმდებარე ელემენტებს შორის.
მნიშვნელობა შეიძლება იყოს პიქსელის მნიშვნელობა(მაგ., „10px“), პიქსელის მნიშვნელობები თითოეული მიმართულებით(მაგ., „5px 10px“) ან auto ავტომატური დაშორებისთვის.
მაგალითი: margin: 10px;
საკუთრება padding
თვისება padding განსაზღვრავს მანძილს ელემენტის შიგთავსსა და საზღვარს შორის.
მნიშვნელობა შეიძლება იყოს pixel მნიშვნელობა ან პიქსელის მნიშვნელობები თითოეული მიმართულებით.
მაგალითი: padding: 20px;
ეს არის CSS თვისებების და მათი მნიშვნელობების მხოლოდ რამდენიმე მაგალითი. CSS გთავაზობთ ბევრ სხვა თვისებას თქვენი ვებგვერდის ელემენტების სტილისთვის და მორგებისთვის. თქვენ შეგიძლიათ შეისწავლოთ მეტი თვისება და დააკონფიგურიროთ ისინი თქვენი ვებსაიტის სხვადასხვა დიზაინისა და ეფექტების მისაღწევად.