Preskoči na vsebino
TextArray
100% lokalno

Pretvornik enot CSS

Pretvorite dolžine CSS med px, rem, em, pt in % glede na katero koli velikost korenske pisave.

Vhod
Izhod

Pretvornik enot CSS

Prilepite vrednosti CSS eno na vrstico — 16px, 1,5rem, 12pt, 150 % — in ta pretvornik jih takoj prevede. Gola številka se prebere v enoti, ki jo nastavite z izbiro Od, medtem ko enota, zapisana v vrstici, vedno zmaga, tako da lahko na enem seznamu mešate slikovne pike in reme. Izberite cilj pod Do ali izberite Vse enote, da si na hitro ogledate celotno verigo: 16px = 1rem = 12pt = 100%. Vrstice, ki niso navadne vrednosti, gredo skozi nespremenjene, tako da potepuški komentar nikoli ne prekine niza.

Matematika je odvisna od ene številke: osnovne velikosti, korenske velikosti pisave v slikovnih pikah. Brskalniki privzeto uporabljajo 16 slikovnih pik, zato je 1 rem običajno enak 16 slikovnih pik, 100 % pa osnovni. Nastavite osnovo na 10 za klasični trik 62,5 %, kjer je 1,5 rem 15 slikovnih pik, ali pa se ujemajte s sistemom oblikovanja z drugačnim korenom. Točke določi sam CSS – 1 slikovna pika je 1/96 palca in 1 točka je 1/72, tako da je 16 slikovnih pik točno 12 točk ne glede na osnovo. Možnost decimalk omejuje natančnost na do šest mest, pri čemer so ničle na koncu odrezane.

Rem je dostopnosti prijazna enota: spreminja se glede na nastavitve velikosti pisave v bralčevem brskalniku, tako da se besedilo, nastavljeno v rem, poveča, ko nekdo poveča svojo privzeto velikost, medtem ko px ostane nespremenjena. Em uporablja isto matematiko tukaj, vendar je v pravi slogovni tabeli relativna glede na lastno velikost pisave elementa, tako da so ugnezdene vrednosti em sestavljene, kjer rem ne - ta pretvornik predpostavlja ravno, korensko relativno velikost črk.

Vse se izvaja lokalno v vašem brskalniku — nič se ne naloži in ni ničesar, kar bi lahko čakalo. Kopirajte pretvorjeni seznam ali ga prenesite kot datoteko .txt.

FAQ

Zakaj uporabljati rem namesto px?
Vrednosti rem se prilagajajo velikosti pisave, ki jo bralec nastavi v brskalniku, tako da ga ljudje, ki potrebujejo večje besedilo, dejansko dobijo. Vrednosti Px ne upoštevajo te nastavitve. Pretvorba dizajna, ki temelji na px, v rem je ena najcenejših zmag na področju dostopnosti.
Kakšna je osnovna velikost in zakaj je privzeto nastavljena na 16?
To je velikost korenske pisave v slikovnih pikah - na kaj se nanašajo 1rem, 1em in 100%. Vsak večji brskalnik ima privzeto 16 slikovnih pik, tako da je 16 prava osnova, razen če vaša lista slogov spremeni koren, na primer html {velikost pisave: 62,5% }, kar naredi osnovo 10.
Kakšna je razlika med em in rem?
Rem je vedno relativna glede na velikost korenske pisave; em je relativno glede na trenutni element, zato se ugnezdene vrednosti em pomnožijo. Ta pretvornik obravnava oboje glede na eno samo osnovno velikost – ravno ohišje. V globoko ugnezdenih oznakah se lahko realne vrednosti em razlikujejo.
Kaj se zgodi s črtami, ki niso vrednosti?
Prehajajo do izhoda nespremenjeni in seštevek jih šteje kot preskočene. Pretvorjene so samo navadne vrednosti, kot so 16px, 1,5rem ali golo število - celotne deklaracije CSS so izven obsega.
Je moje besedilo kje naloženo?
Ne. Orodje se v celoti izvaja v vašem brskalniku in vaš vnos nikoli ne zapusti vaše naprave.