teksti CSS3 Përfshin vetitë e tekstit për të ndihmuar në zgjidhjen e problemeve me mbështjelljen e tekstit dhe shkurtimin e tekstit brenda përmbajtjes.
Karakteristikat e CSS3 për formatimin e tekstit
1. Shkurtimi i linjës së tejmbushjes së tekstit
Vetia ju lejon të kufizoni gjatësinë e tekstit kur ai nuk futet në enë, duke e prerë vizualisht ose duke e shfaqur atë me elipse. Vetia funksionon vetëm nëse specifikohen kushtet e mëposhtme: gjerësia e kontejnerit duhet të përcaktohet, elementi duhet të ketë vlerat Overflow: fshehur dhe hapësira e bardhë: nowrap . E pa trashëguar.
Sintaksë
P (gjerësia: 300 px; tejmbushje: e fshehur; hapësira e bardhë: tanirap; teksti-mbushje: elipsë; ) Fig. 1. Pritini tekstin duke përdorur veçorinë text-overflow
2. Vizatim brenda fjalëve fjalë-thyer
Në një situatë normale, fjalët zhvendosen në një rresht tjetër ku ka hapësira ose viza (" transferim i butë"), ose në rastin e transferimit të detyruar duke përdorur elementin
. Kjo pronë ju lejon të vendosni rregullat e vizatimit brenda fjalëve në mënyrë që rreshtat e gjatë të mbushin plotësisht hapësirën brenda kontejnerit. Nuk përdoret për gjuhët CJK (Kinezisht-Japonisht-Koreanisht). I trashëguar.
Sintaksë
P (thyerja e fjalëve: normale;) p (thyerja e fjalëve: thyej të gjitha;) p (thyerja e fjalëve: mbaj të gjitha;)
3. Mbështillni fjalët në rreshtin e mbështjelljes së fjalëve
Përdoret në rastet kur teksti nuk futet në enën e tij dhe shkon përtej kufirit të tij. Le të shqyejmë fjalë të gjata dhe transferojini ato në rreshti tjetër. I trashëguar. Funksionon vetëm nëse vlera e hapësirës së bardhë lejon ndërprerjen e linjës.
Vetia e hapësirës së bardhë specifikon se si të shfaqen hapësirat midis fjalëve. Në rrethana normale, çdo numër hapësirash në kodin HTML shfaqen si një në një faqe interneti. Përjashtim është elementi
, teksti i vendosur në këtë kontejner del me të gjitha hapësirat, siç është formatuar nga përdoruesi. Pra, hapësira e bardhë simulon punënPor ndryshe nga ai, ai nuk e ndryshon fontin në monospace.informacion të shkurtër
Emërtimet
| Përshkrim | Shembull | |
|---|---|---|
| <тип> | Tregon llojin e vlerës. | <размер> |
| A & & B | Vlerat duhet të dalin në rendin e specifikuar. | <размер> && <цвет> |
| A | B | Tregon që ju duhet të zgjidhni vetëm një vlerë nga ato të propozuara (A ose B). | normale | kapele të vogla |
| A || B | Çdo vlerë mund të përdoret në mënyrë të pavarur ose së bashku me të tjerat në çdo mënyrë. | gjerësia || numëroj |
| Vlerat e grupeve. | [ kulture || kryq] | |
| * | Përsëriteni zero ose më shumë herë. | [,<время>]* |
| + | Përsëriteni një ose më shumë herë. | <число>+ |
| ? | Lloji, fjala ose grupi i specifikuar është opsional. | futur? |
| (A, B) | Përsëriteni të paktën A, por jo më shumë se B herë. | <радиус>{1,4} |
| # | Përsëriteni një ose më shumë herë të ndara me presje. | <время># |
vlerat
normal Teksti në dritaren e shfletuesit shfaqet si zakonisht, ndërprerjet e rreshtave vendosen automatikisht. nowrap Hapësirat nuk merren parasysh, ndërprerjet e rreshtave në kodin HTML injorohen, i gjithë teksti shfaqet në një rresht; në të njëjtën kohë, duke shtuar
mbështjell tekstin në linjë e re. para Teksti tregohet duke marrë parasysh të gjitha hapësirat dhe vizat siç janë shtuar nga zhvilluesi në kodin HTML. Nëse linja është shumë e gjatë dhe nuk përshtatet në dritaren e shfletuesit, atëherë ajo do të shtohet shirit horizontal rrotulloni. Hapësirat para rreshtit nuk merren parasysh në tekst; teksti zhvendoset automatikisht në rreshtin tjetër nëse nuk përshtatet në zonën e specifikuar. para-mbështjellje Të gjitha hapësirat dhe ndërprerjet ruhen në tekst, por nëse gjerësia e rreshtit nuk përshtatet në zonën e specifikuar, teksti automatikisht do të mbështillet në rreshtin tjetër.
Efekti i vlerave në tekst është paraqitur në tabelë. 1.
Shembull
Shembull
Teorema e fundit e Fermatit
X n+ Y n= Z n
ku n është një numër i plotë > 2
Rezultati ky shembull treguar në Fig. 1.
Oriz. 1. Zbatimi i vetive të hapësirës së bardhë
Modeli i objektit
Nje objekt.stil.hapësirë e bardhë
shënim
Shfletuesi Internet Explorer deri në versionin 7.0 përfshirës nuk mbështet vlerat e linjës dhe të para-mbështjelljes. Për