ლოგიკური თვისებები აღწერს განლაგებას კონტენტის ნაკადის მიმართულებით (დასაწყისი/დასასრული, ხაზოვანი/ბლოკი) ფიზიკური მიმართულებების ნაცვლად (მარცხნივ/მარჯვნივ/ზევით/ქვევით). ეს კერძო სტილების ერთი ფურცელი ავტომატურად ადაპტირდება მარჯვნიდან მარცხნივ დაწერილი ენებისთვის (არაბული, ებრაული) ან ზემოდან ქვემოთ დაწერილი ენებისთვის.
{ : ; : ; : left; : solid; }
{
: ;
: ;
: start;
: solid;
}
margin-inline: 1rem; /* left + right in LTR (both inline sides) */
margin-block: 2rem; /* top + bottom */
margin-inline-start: 1rem; /* the "start" inline edge (left LTR / right RTL) */
padding-block-end: 1rem; /* bottom in horizontal writing */
inset-inline-start: 0; /* logical version of left/right for positioning */
ფიზიკური თვისებებით, არაბულის მხარდაჭერა ნიშნავს სრულ მეორე სიმრავლეს შებრუნებული სტილების დაწერას (margin-left → margin-right და ა.შ.) [dir="rtl"]-ის უკან. ლოგიკური თვისებებით, იგივე CSS უბრალოდ მუშაობს — დააყენეთ dir="rtl" html-ზე და margin-inline-start ავტომატურად გადატრიალდება მარჯვნივ:
<html dir="rtl"> <!-- the entire layout mirrors correctly, no CSS changes -->
ლოგიკური თვისებები ასევე ხელმისაწვდომია ვერტიკალური ტექსტის რეჟიმებისთვის (მაგ. აღმოსავლეთ აზიის ზოგიერთი ტიპოგრაფია) და აკეთებს margin-inline: auto-ს깔끔한 გზას ცენტრირებისთვის მიმართულების მიუხედავად.
ნებისმიერი პროდუქტისთვის, რომელიც იყიდება მრავალ ენაზე, ლოგიკური თვისებები елиминირებს შებრუნებული RTL სტილების ფურცლების შენახვის აუცილებლობას — ერთი ნაკრები წესები ადაპტირდება დაწერის მიმართულებას.
თუნდაც მხოლოდ LTR სამცხეებში, ისინი უფრო სუფთა გონებრივი მოდელი (დასაწყისი/დასასრული, ხაზოვანი/ბლოკი), და ისინი სულ უფრო მეტი რეკომენდირებული სტანდარტია თანამედროვე CSS-ში.
IT გასაუბრების კითხვების ბიბლიოთეკა დეტალური პასუხებით — Junior-დან Senior-მდე.
შემოწირულობა