inset-block-starton loogiline CSS-i omadus, mis määrab elemendi algservast ploki suunas nihutatud pikkuse. See on umbes nagu deklareerimine, topvälja arvatud, et selle alguspunkti määravad elemendi omad direction, text-orientationja writing-modenagu muudki loogilised omadused.
Atribuut on osa CSS-i loogiliste omaduste ja väärtuste 1. taseme spetsifikatsioonist, mis on praegu redaktori mustandi olekus. See tähendab, et selle määratlus ja teave selle ja ametliku soovituse vahel võivad muutuda.
.element ( inset-block-start: 50px; position: relative; /* Apples to positioned elements */ writing-mode: vertical-rl; /* Determines the block start direction */ )Nii näiteks, kui kirjalikult režiim on seatud vara toimib nagu ja määrata elemendi nihutatud see on hakanud serva, mis on top. Selle jõustumiseks peate täpselt määrama sama elemendi sõnaselge , nagu ka muud füüsilised nihkeomadused.horizontal-lrinset-block-starttoppositiontop
Kuid muutke elemendi writing-modesarnaseks vertical-rlja algusserva pööratakse vertikaalsuunas, toimides pigem leftomadusena.
Süntaks
inset-block-start: ;- Algne väärtus:
auto - Kehtib: paigutatud elementide kohta
- Päritud: ei
- Protsendid: nagu ka vastava füüsilise omaduse osas
- Arvutatud väärtus: sama mis vastaval
topatribuudil - Animatsiooni tüüp: arvutatud väärtuse tüübi järgi
Väärtused
inset-block-startvõtab pikkuse väärtuse ja toetab globaalseid märksõnu. Selle vaikeväärtus on auto.
/* Length values */ inset-block-start: 50px; inset-block-start: 4em; inset-block-start: 3.5rem inset-block-start: 25vh; /* Percentage values */ inset-block-start: 50%; /* Keyword values */ inset-block-start: auto; /* initial value */ /* Global values */ inset-block-start: initial inset-block-start: inherit; inset-block-start: unset;Brauseri tugi
| IE | Edge | Firefox | Chrome | Safari | Ooper |
|---|---|---|---|---|---|
| Ei | Ei | 63+ | Ei | Ei | Ei |
| Android Chrome | Android Firefox | Androidi brauser | iOS-i Safari | Opera Mini |
|---|---|---|---|---|
| Ei | 79+ | Ei | Ei | Ei |
Demo
Lisalugemist
- CSS-i loogiliste omaduste ja väärtuste 1. taseme spetsifikatsioon (redaktori mustand)
- MDN dokumentatsioon
- Loogiliste omaduste ja väärtuste mõistmine (ajakiri Smashing)
- CSS-i loogilised omadused (Adrian Roselli)
- Kahesuunalised horisontaalreeglid CSS-is (Hussein Al Hammad)