Დეკორატიული ხაზს CSS ელემენტები

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

სპეციფიკაცია ატრიბუტი ჩანაწერი

გამოიყენეთ text- გაფორმება ქონება მარტივია. საკმარისი იმისათვის, რომ დაარეგისტრირონ CSS ფაილი კოდი, შემდეგ ხაზი პუნქტის:

text- გაფორმება: znachenie_atributa;

იმის ნაცვლად, რომ "znachenie_atributa» CSS დაზუსტება სთავაზობს რაოდენობის პარამეტრები:

• ხაზგასმა - ხაზი მდებარეობს უშუალოდ ქვემოთ ტექსტი;
• overline - ხაზი გადის ზემოდან ტექსტი;
• none - მოხსნა ყველა დეკორატიული ეფექტი;
• მემკვიდრეობით - იღებს ღირებულება მშობელი ელემენტს.

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

მაგალითები დიზაინი ბმულებს

დამწყებთათვის ვებ დიზაინი და პროგრამირება, ჩნდება კითხვა: რატომ დედააზრი ტექსტში? გარიჟრაჟზე ეპოქაში ინტერნეტ ტექნოლოგიების ეს მეთოდი გამოყოფის შესახებ, რომ ის ფაქტი, რომ მის წინაშე არის ჰიპერბმულებს - ტექსტი, დაჭერით, რომელიც განხორციელდება გადასვლის ახალი გვერდი.

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

{text-გაფორმება: არცერთი; }

აქტიური კავშირების გამოყენებით შემდეგი ჩანაწერი:

a: hover {text-გაფორმება: ხაზი გავუსვა;}

დეკორატიული ტირეთი მოწინავე

სტანდარტული ატრიბუტი text- გაფორმება რამდენიმე შეზღუდვები:

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

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

მაგალითად: