თამამი ტექსტი

თამამი ტექსტი

ნორმაზე მეტი

საშუალოზე ნაკლები

დახრილები

დახრილები

სავარძლებით

დასვენება

შესაძლებლობის ატრიბუტი

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

1) font-family – ძალა ნიშნავს შრიფტის ოჯახს. შესაძლო pererahuvannya kіlkoh ღირებულება.
მნიშვნელობის დასაწყისში html-ში შრიფტის შეცვლა ხილული იქნება, რადგან ორიგინალური სამშობლო არ არის დაინსტალირებული კორესპონდენტის ოპერაციულ სისტემაში.

ჩაწერის სინტაქსი:

font-family: შრიფტის სახელი [, შრიფტის სახელი[, ...]]

2) შრიფტის ზომა – ზომა შეიძლება დაყენდეს 1-დან 7-მდე. ეს არის HTML-ში შრიფტის ზომის გაზრდის ერთ-ერთი მთავარი გზა.
ჩაწერის სინტაქსი:

შრიფტის ზომა: აბსოლუტური ზომა აბსოლუტური ზომა | მნიშვნელობა | vіdsotki | მემკვიდრეობით

თქვენ ასევე შეგიძლიათ დააყენოთ შრიფტის ზომა:

• პიქსელებში;
• აბსოლუტური თვალსაზრისით ( xx-პატარა, x-პატარა, პატარა, საშუალო, დიდი);
• vidsotkah-ში;
• წერტილებში (პტ).

შრიფტის ზომა: 7

შრიფტის ზომა: 24 პიქსელი

შრიფტის ზომა: x-large

შრიფტის ზომა: 200%

შრიფტის ზომა: 24 pt

3) font-style – დააყენეთ შრიფტის წერის სტილი. Სინტაქსი:

შრიფტის სტილი: ნორმალური | დახრილი | ირიბი | მემკვიდრეობით

მნიშვნელობა:

• ნორმალური - ნორმალურად დაწერილი;
• დახრილი – დახრილი;
• oblique – შრიფტი სახე მარჯვნივ;
• მემკვიდრეობა - მამის ელემენტის დეპრესიული წერა.

მაგალითი იმისა, თუ როგორ უნდა შეცვალოთ შრიფტი HTML-ში დამატებითი ენერგიისთვის:

შრიფტის სტილი: მემკვიდრეობა

შრიფტის სტილი: დახრილი

შრიფტის სტილი: ნორმალური

შრიფტის სტილი: oblique

4) font-variant - გადაიყვანეთ ყველა დიდი ასო დიდ ასოებად. Სინტაქსი:

შრიფტი-ვარიანტი: ნორმალური | პატარა ქუდები | მემკვიდრეობით

აქ არის მაგალითი იმისა, თუ როგორ უნდა შეცვალოთ HTML-ის შრიფტი ძალაუფლებით:

font-variant:inherit

შრიფტი-ვარიანტი: ნორმალური

font-variant:small-caps

5) font-weight – გაძლევთ საშუალებას დააყენოთ ტექსტის ასაკი (სიმკვრივე). Სინტაქსი:

შრიფტის წონა: თამამი | უფრო თამამი | მსუბუქია | ნორმალური | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900

მნიშვნელობა:

• bold – ჩასმულია თამამი html შრიფტი;
• თამამი – თამამი ნორმალური;
• სანთებელა –mensch nasichene shodo normal;
• ნორმალური – ნორმალურად დაწერილი;
• 100-900 - ადგენს შრიფტის სისქეს რიცხვით ეკვივალენტში.

შრიფტის წონა: თამამი

შრიფტის წონა: უფრო თამამი

შრიფტის წონა: მსუბუქია

შრიფტის წონა: ნორმალური

შრიფტის წონა: 900

შრიფტის წონა: 100

Power შრიფტი და ფერადი html შრიფტი

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

font: font-size font-family | მემკვიდრეობით

ასევე, მნიშვნელობებში შეიძლება იყოს მითითებული შრიფტები, რომლებსაც სისტემა იყენებს სხვადასხვა საკონტროლო ელემენტების წარწერებში:

• წარწერა – ღილაკებისთვის;
• ხატულა – ხატებისთვის;
• მენიუ - მენიუ;
• message-box – დიალოგური ფანჯრებისთვის;
• მცირე წარწერა – მცირე ელემენტებისთვის;
• სტატუსის ზოლი - მწკრივის შრიფტი.

შრიფტი: ხატულა

შრიფტი: წარწერა

შრიფტი: მენიუ

font:message-box

მცირე წარწერა

font:status-bar

შრიფტი: italic 50px თამამი "Times New Roman", Times, serif

HTML-ში შრიფტის ფერის დასაყენებლად, შეგიძლიათ გამოიყენოთ ფერის ძალა. ეს საშუალებას გაძლევთ დააყენოთ ფერი ან საკვანძო სიტყვით ან rgb ფორმატში. და ის ასევე ჰგავს მეთექვსმეტე კოდს.

Drop cap (წერტილი ჩასმულია ტექსტში) – აბზაცის პირველი ასო, რომელიც ზომით უფრო დიდია, დანარჩენებზე დაბალია და ისეა განთავსებული, რომ მისი ზედა ტოლია აბზაცის პირველი რიგის. სურათზე ხედავთ ტექსტში ჩასმული საწყისი ასოს კონდახს.

საუბრის წინ WordPress-ს აქვს სპეციალური დანამატი (wordpress.org/extend/plugins/drop-caps), რომელიც საშუალებას გაძლევთ ავტომატურად შექმნათ ჩაშენებული ტექსტი (და გადაადგილება ქვემოთ) დიდი ასოები. სასწაული! თუმცა, თუ არ გსურთ მოდულის ვიკორიზაცია (დარწმუნებული ვარ, რომ არ გსურთ), და მაინც უნდა შექმნათ ქუდი რამდენიმე პოსტისთვის და, შესაძლოა, სიმღერის რომელ ადგილას ?

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

Span.dropcaps ( font-family:Georgia, serif; ფერი: #cccc; font-size: 46px; float: left; font-weight: 400; line-height: 1em; margin-bottom: -0.4em; margin-right : 0.09em;

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

Tag Span

იმისთვის, რომ სტილი შეესაბამებოდეს ტექსტის მთავარ ასოს, აუცილებელია სათაური ასოს „განათება“ span ტეგში და დაარეგისტრიროთ ქვეკლასი.

ა

ფსევდოელემენტი:პირველი ასო

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

P:first-letter ( font-family:Georgia, serif; ფერი: #cccc; font-size: 46px; float: left; font-weight: 400; line-leight: 1em; margin-bottom: -0.4em; margin -მარჯვნივ: 0.09em;

ღერძი, ძალა, რედაქტირების რამდენიმე მეთოდი დიდი მწერლებიმეტი CSS დახმარებისთვის.

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

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

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

(<) style(>)

p: პირველი ასო (შრიფტი-ოჯახი: Georgia; შრიფტის ზომა:220%; ფერი: ყვითელი;)

(<)/style(>)

დიდი ასოების გარნი შეიძლება შეიქმნას სურათების გარეგნულად ლამაზი შრიფტის შესაქმნელად - ასოს კანზე სურათი არის ჩარჩოში ჩასმული, მაგალითად, ძველი რუსული და გოთური სტილით. მათი დახატვა შესაძლებელია ტოდიში საჭირო ადგილებში დიდი წერილის ადგილზე, შეგიძლიათ ჩაწეროთ კოდი მრგვალი მკლავების გარეშე (<) img src=”ссылка на место, где лежит картинка”(>). დამატებითი ატრიბუტები იქნება სიმაღლე და სიგანე - გამოსახულების სიგანე და სიმაღლე, რომელიც შეიძლება დაყენდეს პიქსელებში, რათა ჰარმონიულად მოერგოს ტექსტს. უკანალი: (<) img src=”ссылка на место, где лежит картинка” heigh=12 px width=6px(>). მრგვალი მკლავები< и >მოდი მოვწესრიგდეთ.

თუ არ გაქვთ ანბანის დამოუკიდებლად დახატვის შესაძლებლობა, მაშინ დიდი ასო შეიძლება შეიქმნას დამატებითი შრიფტების გამოყენებით, რომლებიც საჯაროდ არის ხელმისაწვდომი Google-ზე (ფონტების განყოფილება) ან სხვა საძიებო სისტემებსა და რესურსებზე. ამ მიზნით, კოდი უნდა იყოს ასე ფორმატირებული:

(<) style(>)

p (შრიფტი-ოჯახი: batangche; შრიფტის ზომა: 93%;)

p: პირველი ასო (შრიფტი-ოჯახი: Kelly+Slab; შრიფტის ზომა:220%; ფერი: ლურჯი;)

(<)/style(>)

(<)link href="http://fonts.googleapis.com/css?family=Kelly+Slab&subset=latin,cyrillic" rel="stylesheet" type="text/css" (>).

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

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

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

მოკლე ინფორმაცია

დანიშვნა

მნიშვნელობა

კაპიტალიზება მდინარეში კანის სიტყვის პირველი სიმბოლო შესანიშნავი იქნება. სხვა სიმბოლოები არ ცვლის მათ გარეგნობას. მცირე ასოები ტექსტში ყველა სიმბოლო ხდება პატარა (პატარა). uppercase ტექსტში ყველა სიმბოლო ხდება დიდი (ზედა). none არ ცვლის სიმბოლოთა ასოს.

Sandbox

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

div (ტექსტის ტრანსფორმაცია: დიდი ასოებით;)

კონდახი

სერედნიოვიჩის კულტურის ძეგლი

ამაზონის დაბლობი იღებს ნაწლავებისა და ძაღლების არაპროპორციულად მცირე მარაგს, ხოლო ჰაჯოს ბაია ცნობილია თავისი წითელი ღვინოებით.

ამ კონდახის წაკითხვის შედეგი ნაჩვენებია ნახ. 1.

ბრინჯი. 1. ტექსტის ტრანსფორმაცია

ობიექტის მოდელი

ობიექტი.style.textტრანსფორმირება

სპეციფიკაცია

კანის სპეციფიკაცია გადის ანთების რამდენიმე ეტაპს.

• რეკომენდაცია - სპეციფიკაცია აფასებს W3C-ს და რეკომენდირებულია როგორც სტანდარტი.
• კანდიდატის რეკომენდაცია ( შესაძლო რეკომენდაცია) - ჯგუფი, რომელიც აკმაყოფილებს სტანდარტს, კმაყოფილია, რომ ის აკმაყოფილებს თავის მიზნებს, მაგრამ მოითხოვს დამატებით დახმარებას სტანდარტის დანერგვაში ჩართული სპეციალისტებისგან.
• შემოთავაზებული რეკომენდაცია გაკეთდა რეკომენდაცია) - ამ ეტაპზე დოკუმენტი წარდგენილია განსახილველად W3C მრჩეველთა კომიტეტის მიერ ნარჩენი დასამტკიცებლად.
• სამუშაო პროექტი - პროექტის უფრო მომწიფებული ვერსია განხილვის შემდეგ და განხორციელდა ცვლილებები სისრულის უზრუნველსაყოფად.
• რედაქტორის მონახაზი ( რედაქტორის ჩერნეტკა) – სტანდარტის შავი ვერსია პროექტის რედაქტორების მიერ შეტანილი ცვლილებების შემდეგ.
• პროექტი ( ჩერნივეტის სპეციფიკაციები) – სტანდარტის პირველი შავი ვერსია.