Hvordan kan jeg indstille en CSS-kant kun på den ene side?

Det kan ses, at containeren er blevet oprettet med succes:

Trin 3: Få adgang til div Container

Få nu adgang til HTML div-beholderen, og få adgang til klassenavnet. For at gøre det skal en klassevælger ' # ” bruges sammen med klassenavnet.

Trin 4: Indsæt kant kun på den ene side

Når du har fået adgang til div-beholderen, skal du anvende de nedenfor nævnte CSS-egenskaber:

Her:

• • “ grænse-venstre er en stenografiegenskab til at indstille bredden, stilen og farven til venstre kant.
  • “ baggrund egenskaben bruges til at justere elementets baggrundsfarve.
  • “ margen ” egenskaber sætter rummet uden for grænsen.
  • “ bredde ” definerer elementets breddestørrelse i en beholder.

Det resulterende billede viser grænsen med kun den ene side:

Metode 2: Indstil kant på alle sider med forskellige stilarter

For at indstille grænsen på alle sider med forskellige farver, skal du bruge ovenstående HTML-kode. Få derefter adgang til div-beholderen ved hjælp af id-navnet og vælgeren:

I den ovenfor angivne kode:

• • “ margen ” angiver den tomme plads uden for elementet.
  • “ grænse-bredde ” indstiller bredden med forskellige værdier for hver side. For eksempel har vi tilføjet forskellige værdier i pixels.
  • “ grænse-radius ” bruges til at lave den runde kurve af grænsen.
  • “ grænse-stil ” egenskaben bruges til at indstille stilen for grænsen. I dette scenarie indstilles fire forskellige typer stilarter for hver side af grænsen.
  • “ kant-farve ” egenskaben bruges til at allokere farven til kanten. Her er værdien for hver side indstillet som en forskellig farve.

Som et resultat vil grænsen med forskellige stilarter på hver side blive anvendt:

I denne artikel har du lært forskellige måder at indstille CSS-grænsen på én og flere sider.

Konklusion

For kun at sætte grænsen på den ene side, skal du først oprette en div ved hjælp af '