' tagu un iestatiet tā ' krāsa ”uz melnu:

>
= '../book.jpg' augstums = 'piecdesmit%' ; platums = 'piecdesmit%' >

= 'fona krāsa: zils' >

= 'krāsa: melna;' > Laipni lūdzam Linuxhint >
>
>

Pēc iepriekš minētā koda apkopošanas izvade izskatās šādi:

---

---

'

” tags atrodas tīmekļa lapas apakšā, pirms tiek lietota negatīva piemale.

Negatīvās piemales augšējā īpašuma izmantošana

Pievienot ' margin-top ' īpašums '

” elementu un norādiet tā vērtību negatīvā veidā. Piemēram, šeit -15% ir maržas augšdaļas īpašuma vērtība:

>
= '../book.jpg' augstums = 'piecdesmit%' ; platums = 'piecdesmit%' >

= 'fona krāsa: zils' >

= 'krāsa: melna; malas augšdaļa: -15%;' > Laipni lūdzam Linuxhint >
>
>

Pēc koda izpildes tīmekļa lapa izskatās šādi:

Izvadē tiek parādīts, ka negatīvā piemales augšdaļa liek elementam “

” parādīties vecāka elementa priekšā.

Negatīvās piemales apakšējā īpašuma izmantošana

Izmantojiet tos pašus rekvizītus, kas norādīti iepriekš, un vienkārši mainiet “ piemale-apakšā ” īpašums. Pēc tam elementa “

” apakšā pievienojiet attēlu, lai redzētu vizuālās izmaiņas.

< div stils = 'fona krāsa: zils' >
< h3 stils = 'krāsa: melna; mala-apakša: -5%;' > Laipni lūdzam Linuxhint h3 >
div >
< img src = '../book.jpg' augstums = 'piecdesmit%' ; platums = 'piecdesmit%' >

Pēc koda atjaunināšanas mūsu vietne izskatās šādi:

Iepriekš redzamā izvade parāda, ka teksta apakšējā piemale ir -5%.

Negatīvās rezerves labā īpašuma izmantošana

Elementam

piešķirot -55% margin-right rekvizīta vērtību, tas pārvietojas pretējā virzienā:

< div stils = 'fona krāsa: zils;' >
< h3 stils = 'krāsa: melna; mala kreisā: -55%; ' > Laipni lūdzam Linuxhint < / h3 >
< / div >
< img src = '../book.jpg' augstums = 'piecdesmit%' ; platums = 'piecdesmit%' >

Pēc koda izpildes izvade izskatās šādi:

Izvade parāda, ka teksts iegūst negatīvo malas labo pusi.

Negatīvās piemales kreisā īpašuma izmantošana

Maržas kreisais īpašums ar negatīvu vērtību darbojas tādā pašā veidā. Tālāk esošajā kodā elements “

” tiek pārvietots par 50% uz kreiso pusi pretējā virzienā, salīdzinot ar rekvizītu margin-left:

= 'fona krāsa: zils;' >

= 'krāsa: melna; mala kreisais: -50%;' > Laipni lūdzam Linuxhint >
>
= '../book.jpg' augstums = 'piecdesmit%' ; platums = 'piecdesmit%' >

Iepriekš minētā koda izvade ir:

Tādā veidā CSS darbojas negatīvā rezerve.

Kāpēc ir margin-top:-5 != margin-bottom:5?

Kad ' margin-down: 5% tiek izmantots, tas pievieno piemali no apakšējās malas virzienā uz elementa centru, bet, kad augšdaļa: -5% ” tiek izmantots, tas pievieno 5% rezervi no augšas, bet pretējā virzienā (ārpus lapas).

Secinājums

CSS negatīvā piemale darbojas pretējā virzienā, piešķirot piemales vērtību. Tas pārvieto elementa saturu virzienā uz āru / ārpus lapas. “margin-top:-5” nav vienāds ar “margin-bottom:5”, jo abas rekvizītu vērtības pārvieto saturu pretējos virzienos atbilstoši vecākpozīcijai. Šis raksts ir veiksmīgi parādījis, kā darbojas negatīvā rezerve.