გადახვევის ზოლები არის ვერტიკალური და ჰორიზონტალური ზოლები მარჯვნივ (მარცხნიდან მარცხნიდან მარჯვნივ დაწერისას) და ფანჯრის ქვედა კიდეები ან ფანჯრის ცალკეული არე, რომლებიც შექმნილია შინაარსის ვერტიკალურად ან ჰორიზონტალურად გადასაადგილებლად. ვებგვერდებზე გამოიყენება Cascading Style Sheets (CSS) ელემენტები, რომლებიც HTML- შია ჩასმული, მათი გარეგნობისა და ქცევის კონტროლის მიზნით.
ინსტრუქციები
Ნაბიჯი 1
გამოიყენეთ div ნიშანი, თუ გსურთ გადაადგილების ზოლი გახადოთ არა მთელი გვერდი, არამედ მხოლოდ მისი შეზღუდული არეალი. HTML (HyperText Markup Language) ენაში "თეგები" გულისხმობს ბრაუზერის ინდივიდუალურ ბრძანებებს, რომ ნახოთ კონკრეტული გვერდის ელემენტი. უმარტივესი ფორმით, div ნიშანი (რომელსაც ხშირად უწოდებენ "ფენას") ასე იწერება:
ეს არის ტექსტი ფენის შიგნით
აქ არის გახსნის ნიშანი და არის დახურვის ნიშანი. ყველაფერი, რაც მოთავსებულია გახსნის და დახურვის ნიშანს შორის, არის ფენაში, როგორც კონტეინერში და ამ კონტეინერის განზომილება შესაძლებელია - სიგანე და სიმაღლე. ეს ხდება დამატებითი პარამეტრის ("ატრიბუტის") სტილის გამოყენებით, რომელიც უნდა დაემატოს გახსნის ნიშანს:
ეს არის ტექსტი ფენის შიგნით
ნაბიჯი 2
შეიტანეთ div ნიშნის სტილის ატრიბუტი და ფენის გადახვევის ზოლებიც:
ეს არის ტექსტი ფენის შიგნით
აქ გადავსება: ავტომატურად ნიშნავს, რომ გადახვევის ზოლები ავტომატურად გამოჩნდება, ანუ როდესაც შრის შინაარსი არ ჯდება მითითებულ ზომებში. თუ ავტო შეცვალა გადახვევით, მაშინ ეს ზოლები ყოველთვის იქნება, იმისდა მიუხედავად, საჭიროა თუ არა ისინი. ფარული მნიშვნელობა ექნება საპირისპირო ეფექტს - გრაგნილი არასოდეს გამოჩნდება, მაშინაც კი, თუ ამ კონტეინერის შინაარსი არ ჩანს მისი კიდეების მიღმა.
ნაბიჯი 3
გამოიყენეთ მსგავსი მეთოდი, რომ დაამატოთ გვერდზე გადახვევის ზოლები მთლიანობაში. სტანდარტულად, ისინი ჩნდება საჭიროებისამებრ, მაგრამ თუ რაიმე მიზეზით საჭიროა მათი გვერდზე მუდმივად ყოფნა, მაშინ html- კოდის წყაროს უნდა დაემატოს შესაბამისი სტილის წესი. იპოვნეთ დოკუმენტის თავის დახურვის ნიშანი გვერდის კოდში და მის წინ დაწერეთ ამ სტილის ინსტრუქციები:
სხეული {გადავსება: გადახვევა;}
