CSS apmales ir būtiski vietņu elementi, kas attēlo dažādu komponentu un elementu malas. CSS robežas attiecas uz līnijām, kas ieskauj elementus, nosakot to malas. Apmales var veidot stilu, krāsas un izmērus, izmantojot CSS rekvizītus, piemēram, apmales stilu, apmales krāsu, apmales platumu un apmales rādiusu. apmales var veidot ar augšējo, labo, apakšējo un kreiso apmali.
Šajā rakstā par CSS robežām mēs uzzināsim par CSS robežām, aptverot stila iespējas, praktiskus lietošanas gadījumus un labāko praksi.
firma pret uzņēmumu
Satura rādītājs
- Robežas īpašības
- Veidi, kā veidot apmali CSS
- Parastie apmales stili
- CSS apmales stila piemēri
- Praktiski lietošanas gadījumi
- CSS robežu lietošanas gadījumi
Robežas īpašības
CSS nodrošina vairākus rekvizītus, lai pielāgotu robežas:
- apmales stilā : nosaka apmales veidu (piem., viengabalaina, pārtraukta, punktēta).
- apmales platums : iestata apmales platumu (pikseļos, punktos vai citās vienībās).
- apmales krāsa : norāda apmales krāsu.
- robeža-rādiuss : Izveido elementiem noapaļotus stūrus.
Veidi, kā veidot apmali CSS
The CSS robežas īpašums ļauj veidot elementa apmales stilu, iestatot tā platumu, stilu un krāsu, kas ļauj pielāgot tīmekļa dizaina vizuālās robežas.
1. Apmales stils
- CSS apmales stila rekvizīts
- apmales-labā stila īpašums
- apmales-bottom-style īpašums
- apmales-left stila īpašums
2. Robežas platums
- border-top-width Īpašums
- border-right-width Īpašums
- border-bottom-width Īpašums
- border-left-width Īpašums
3. Apmales krāsa
- border-top-color Īpašums
- border-right-color Īpašums
- border-bottom-color Īpašums
- border-left-color Īpašums
4. Apmales atsevišķas malas
5. Robežas rādiusa īpašība
Parastie apmales stili
Apmales stila rekvizīts norāda apmales veidu. Neviens no citiem apmales rekvizītiem nedarbosies, ja nav iestatīts apmales stils.
Tālāk ir norādīti robežu veidi:
- Punktēts : izveido punktu sēriju.
- Pārtraukts : veido pārtrauktu līniju.
- Ciets : rada nepārtrauktu līniju.
- Dubults : atveido divas paralēlas līnijas.
- Rieva un Ridge : izveidojiet 3D rievotus un rievotus efektus.
- Ielaidums un Sākumā : pievienojiet 3D ielaiduma un sākuma apmales.
- Nav : noņem apmali.
- Slēpts : slēpj apmali.
Piemēri no CSS apmales stila
Šajā piemērā mēs izmantosim CSS apmales stila īpašumu.
HTML