ვერტიკალური ჯოხი. როგორ დავამატოთ სტრიქონი ტექსტის მახლობლად

საიტის ზოგიერთი განსაკუთრებით მნიშვნელოვანი ელემენტის ხაზგასასმევად, ეს არ უნდა ზიანი მიაყენოს ამ CSS- ით გათვალისწინებული ყველა სახის სტილისა და თვისებების გამოყენებას. რასაკვირველია, არ შეგიძიათ შეურიგოთ ტექსტს და ყურადღება მიაქციოთ მას, მაგალითად, თამამად ან იოლად, შეცვალეთ ფონი ან შექმენით ჩარჩო ტექსტის გარშემო. მაგრამ ყოველთვის არ არის ერთი წარმოდგენილი მეთოდი შესაფერისი. დავუშვათ, რომ თქვენ გაქვთ ტექსტი, რომელიც უნდა გამოეყო მისი სემანტიკური დატვირთვის სპეციფიკის გამო. ეს არის ის, სადაც html და CSS თვისებები სამაშველოში მოდის.

როგორ დავწეროთ სტრიქონი ტექსტში CSS გამოყენებით

ჩვენი გეგმის განსახორციელებლად, ჩვენ უნდა მივმართოთ სტილი.css ფაილიმასში ჩაწერის შესაბამისი ქონება საზღვარი. ამრიგად, სტრიქონი გამოჩნდება ზემოთ, ქვემოთ ან ტექსტის გარკვეულ მხარეს. თავის მხრივ, მოცემულია რამდენიმე თვისება, რომლებიც პასუხისმგებელნი არიან ხაზის ჩვენებაზე, კერძოდ:

- სასაზღვრო ზედა   - ტექსტის ზემოთ მდებარე ჰორიზონტალური ხაზი;

- საზღვრის მარჯვნივ   - ვერტიკალური ხაზი, რომელიც მდებარეობს ტექსტის მარჯვნივ;

- სასაზღვრო ქვედა   - ტექსტის ქვემოთ მდებარე ჰორიზონტალური ხაზი;

- საზღვრის მარცხნივ   - ვერტიკალური ხაზი მარცხნივ.

როგორ გავაკეთოთ ხაზი HTML- ში

CSS თვისებების გამოყენებით, შეგიძლიათ დაარეგისტრიროთ ყველა საჭირო მნიშვნელობა HTML კოდის რედაქტირებით. ამისათვის გადადით საიტის ადმინისტრაციულ ნაწილში. აირჩიეთ ერთი გამოქვეყნებული მასალა, გადააქციეთ ტექსტის რედაქტორი html კოდის რედაქტირების რეჟიმში და დაამატეთ CSS თვისებები. ნიმუში შეგიძლიათ იხილოთ ქვემოთ.

ბრძანების მოკლე გაშიფვრა

- სიგანე   - ხაზის სიგრძე;

- მყარი   - მყარი ხაზი;

- წერტილოვანი   - წერტილოვანი ხაზი.

იმისათვის, რომ უფრო ღრმად შეხედოთ სტილებს, გირჩევთ ეს წაიკითხოთ.

თქვენ უნდა გესმოდეთ, რომ საიტის კოდში ცვლილების შეტანისას, თვისებები, რომლებიც განსაზღვრავენ ხაზის ტიპს, მის სისქეს და ფერს, ჩამოთვლილია სივრცე.

ზემოთ მოცემულ მეთოდს აქვს რამდენიმე უპირატესობა:

ფართო სპექტრის მახასიათებლები, რომელთანაც შეგიძლიათ შექმნათ თითქმის ნებისმიერი ხაზი.

HTML კოდით უშუალოდ ყველა საჭირო ცვლილების შეტანა. ეს მნიშვნელოვნად ამარტივებს ამოცანას გამოუცდელი საიტის მშენებლებისთვის.

როგორ გავაფორმოთ სწორი ჰორიზონტალური ხაზი, HTML ტეგის გამოყენებით

---

პირველი, რაც მსურს თქვენი ყურადღება გავამახვილო, არის ის, რომ ამ ტეგს, მიუხედავად html ყველა სირთულისა და პრინციპის, არ აქვს დახურვის ნიშანი. მისი გამოყენება შეგიძლიათ html კოდიდან ნებისმიერ ადგილას, ტეგებს შორის   და

.

საკვანძო ატრიბუტები

---

- სიგანე   - პასუხისმგებელია ხაზის სიგრძეზე. ეს შეიძლება იყოს მითითებული როგორც პროცენტულად, ისე პიქსელებში.

- ზომა   - ხაზის სისქე. მითითებულია პიქსელებში.

- ფერი   - განსაზღვრავს ხაზის ფერს.

- გასწორება   - მიაწოდოს პასუხისმგებლობა ხაზის გასწორებაზე. თავის მხრივ, ბრძანება ეხება მას:

-   მართალია   - მარჯვნივ გასწორება;

- დარჩა   - მარცხენა გასწორება;

- ცენტრი   - ცენტრალური გასწორება.

Html კოდის ნიმუშის დაწერა

---

---

იმედი მაქვს, რომ წარმატებას მიაღწიეთ, ახლა კი იცით, თუ როგორ უნდა შექმნათ ხაზი თქვენს საიტზე. დატოვეთ თქვენი გადაუდებელი კითხვები კომენტარებში და ჩვენ განვიხილავთ მათ.

გმადლობთ და მალე გნახავთ Stimylrosta- ს გვერდებზე.

ჰორიზონტალური ხაზები   შეიქმნა დაუოკებელი (დახურვის ჭრილობის საჭიროება) ტეგით

---

  და შეიძლება იყოს საკმაოდ უნიკალური დიზაინის ელემენტები. ტექსტის დიზაინი ჰორიზონტალური HTML ხაზების დამატებით გვერდს მისცემს გვერდს ტექსტის პრეზენტაციის გარკვეულ ლოგიკას, აგრეთვე მკითხველს გაუადვილებს იმ ინფორმაციის ბლოკის ხაზს უსვამს, რომელიც თანმიმდევრულად უნდა იქნას შესწავლილი. ტეგ

---

  შეუძლია შექმნას სხვადასხვა ფერის, სისქისა და სიგრძის ჰორიზონტალური ხაზები. და ამის გაკეთება საკმაოდ მარტივია, როგორც ეს მოცემულია ქვემოთ მოცემულ მაგალითებში.

სხვათა შორის, თქვენ ასევე შეგიძლიათ გამოიყენოთ ბლოკის სტილის თვისებები.

  და   და