Moduli Maandishi ya CSS inafafanua vipengele vya CSS vinavyodhibiti utafsiri wa maandishi chanzo kuwa maandishi yaliyoumbizwa na kufunga mstari. Sifa mbalimbali za CSS hutoa udhibiti wa ubadilishaji wa kesi, ushughulikiaji wa nafasi nyeupe, sheria za kufunga maandishi na mstari, upatanishi, nafasi na ujongezaji.
Kitengo cha msingi cha maandishi ni ishara. Walakini, kwa kuwa mifumo ya uandishi sio rahisi kila wakati kama alfabeti ya msingi ya Kiingereza, ishara ni nini inategemea muktadha ambao neno hilo linatumiwa. Kwa mfano, katika mfumo wa uandishi wa Kikorea, kila kiwakilishi cha mraba cha silabi (k.m. 한 = han) kinaweza kuchukuliwa kuwa mhusika. Walakini, ishara ya mraba inajumuisha herufi kadhaa, ambayo kila moja inawakilisha fonimu (kwa mfano, ㅎ = h, ㅏ = a, ㄴ = n), na kila moja ya hizi pia inaweza kuchukuliwa kuwa ishara.
1. Kubadilisha maandishi: mali ya kubadilisha maandishi
Maandishi ya mitindo ya kubadilisha sifa ya maandishi. Haiathiri maudhui ya msingi na haipaswi kuathiri maudhui ya utendakazi wa kunakili-kubandika maandishi wazi.
Mali ni ya kurithi.
Sintaksia
Nakala-kubadilisha: hakuna; maandishi-badilisha: herufi kubwa; maandishi-kubadilisha: herufi kubwa; maandishi-kubadilisha: herufi ndogo; maandishi-kubadilisha: kurithi; maandishi-kubadilisha: awali;
2. Kushughulikia nafasi na mapumziko ya mstari: mali ya nafasi nyeupe
Sifa ya nafasi nyeupe hushughulikia nafasi kati ya maneno na migawanyiko ya mstari ndani ya kipengele.
Mali ni ya kurithi.
nafasi nyeupe | |
---|---|
Maadili: | |
kawaida | Thamani chaguomsingi. Nafasi moja pekee imeingizwa kati ya maneno; nafasi za ziada hutupwa. Maandishi hufungwa tu inapobidi. |
sasa hivi | Inakataza mapumziko ya laini isipokuwa inapotumika . |
kabla | Nafasi katika maandishi hazijapuuzwa; kivinjari kinaonyesha nafasi za ziada na mapumziko ya mstari. |
kabla ya kufunga | Huhifadhi nafasi nyeupe katika maandishi kwa kuongeza vigawanyo vya mistari inapohitajika. |
mstari wa awali | Huondoa nafasi za ziada isipokuwa . |
nafasi za mapumziko | Tabia ni sawa na kuifunga kabla isipokuwa kwamba: mlolongo wowote wa nafasi zisizoondolewa daima huchukua nafasi, ikiwa ni pamoja na mwisho wa mstari; Uwezekano wa kuvunja mstari upo baada ya kila nafasi isiyoweza kuondolewa, ikiwa ni pamoja na kati ya nafasi. |
awali | |
kurithi |
Sintaksia
Nyeupe-nafasi: kawaida; nafasi nyeupe: nowrap; nyeupe-nafasi: kabla; nyeupe-nafasi: kabla ya kufuta; nyeupe-nafasi: kabla ya mstari; nafasi nyeupe: nafasi za mapumziko; nyeupe-nafasi: kurithi; nyeupe-nafasi: awali;
3. Mipangilio ya kichupo: kipengele cha ukubwa wa kichupo
Sifa ya ukubwa wa kichupo hutumika kubadilisha kiasi cha ujongezaji kinachotolewa na kitufe cha TAB. Thamani za mali hupuuzwa wakati sifa ya nafasi nyeupe imewekwa kwa mojawapo ya thamani tatu za mstari wa awali , kawaida au nowrap .
Inafanya kazi kwa vipengele pekee
Mali ni ya kurithi.
Sintaksia
Ukubwa wa kichupo: 0; ukubwa wa kichupo: 10px; saizi ya kichupo: kurithi; ukubwa wa kichupo: awali;
4. Uvunjaji wa mstari na mipaka ya maneno
Maudhui ya kiwango cha mstari yanapovunjwa katika mistari, hugawanywa katika vizuizi vya mstari. Mapumziko haya yanaitwa mapumziko ya mstari.
Wakati mstari umekatika kwa sababu ya vidhibiti dhahiri vya kukatika kwa laini, kama vile laini mpya au lebo
, mwanzo au mwisho wa kizuizi ni mapumziko ya mstari wa kulazimishwa.
Mstari ukikatika kwa sababu ya ufunikaji wa maudhui, ambapo kivinjari hutengeneza migawanyiko ya laini isiyo ya lazima ili kutoshea yaliyomo, ni mkunjo laini.
4.1. Sheria za kuvunja herufi: mali ya kuvunja maneno
Mali ya kuvunja neno huamua uwezekano wa hyphenation laini kati ya barua, i.e. Ni wakati gani inakubalika kuvunja mistari ya maandishi? Hasa, inadhibiti ikiwa uunganishaji laini upo kati ya vitengo vya herufi za uchapaji vilivyo karibu na/au nambari. Hii haiathiri sheria zinazosimamia fursa za uhamishaji laini zinazoundwa na nafasi.
Mali ni ya kurithi.
Sintaksia
Kuvunja neno: kawaida; neno-kuvunja: kuvunja-yote; neno-kuvunja: kuweka-yote; neno-kuvunja: kurithi; neno-kuvunja: awali;
4.2. Uvunjaji wa mstari: kuvunja mstari
Sifa ya kuvunja mstari hufafanua sheria za kuvunja mstari zinazotumika ndani ya kipengele, haswa jinsi uvunjaji mstari unavyoingiliana na alama za uakifishaji na alama.
Mali ni ya kurithi.
kuvunja mstari | |
---|---|
Maadili: | |
kiotomatiki | Kivinjari kinafafanua seti ya vikwazo vya kuvunja mstari vya kutumia, ambavyo vinaweza kutofautiana kulingana na urefu wa mstari, kwa mfano, tumia seti ndogo ya vikwazo vya sheria za kuvunja mstari kwa mistari fupi. Thamani chaguomsingi. |
huru | Huvunja maandishi kwa kutumia seti ndogo ya vizuizi vya sheria za kuvunja mstari. Kawaida hutumiwa kwa mistari mifupi, kama vile kwenye magazeti. |
kawaida | Huvunja maandishi kwa kutumia seti ya kawaida ya sheria za kuvunja mstari. |
kali | Huvunja maandishi kwa kutumia seti kali ya sheria za kuvunja mstari. |
awali | Huweka thamani ya mali kwa thamani chaguomsingi. |
kurithi | Hurithi thamani ya mali kutoka kwa kipengele kikuu. |
Sintaksia
Kuvunja mstari: auto; mstari-kuvunja: huru; Kuvunja mstari: kawaida; mstari-kuvunja: kali; kuvunja mstari: kurithi; mstari-kuvunja: awali;
4.3. Hyphenation: sifa ya hyphens
Sifa ya vistari huamua ikiwa viambatisho vinaruhusiwa kuunda uwezo wa kuunganisha laini ndani ya mstari wa maandishi.
Upasuaji ni uvunjaji unaodhibitiwa wa maneno ambao kwa kawaida hauruhusiwi kukatika ili kuboresha mtiririko wa aya. Kwa kawaida, maneno hugawanyika pamoja na mipaka ya silabi au mofimu na kwa ishara inayoonekana ya mgawanyiko (kwa kawaida kwa kuingiza hyphen, ‐). Katika baadhi ya matukio, hyphenations pia inaweza kubadilisha tahajia ya neno. Kwa hali yoyote, kufuta maneno ni athari ya utoaji tu: haipaswi kuathiri maudhui ya waraka, wala uteuzi wa maandishi au utafutaji.
Kiwango cha 3 cha Maandishi ya CSS hakifafanui sheria sahihi za upatanisho wa maneno, kwa hivyo inashauriwa kuchagua alama zinazofaa za upatanisho wa lugha.
Mali ni ya kurithi.
hyphens | |
---|---|
Maadili: | |
hakuna | Maneno hayana sauti ya sauti, hata kama herufi zilizo ndani ya neno hufafanua kwa uwazi uwezo wa upatanisho. |
mwongozo | Maneno yanaunganishwa tu mahali ambapo kuna alama ndani ya neno ambazo zinaonyesha wazi uwezekano wa neno hyphenation (tabia maalum -). Thamani chaguomsingi. |
kiotomatiki | Maneno yanaweza kugawanywa katika uwezekano wa upatanisho uliobainishwa kiotomatiki na nyenzo inayofaa ya upatanisho wa lugha pamoja na yale yaliyoonyeshwa kwa uwazi na kiambishi cha masharti. Ni lazima uweke lugha ya maudhui yako (kwa mfano, kwa kutumia sifa ya lang ya HTML au kichwa cha Lugha ya Maudhui ya HTTP) ili kupata ufungaji sahihi wa maneno kiotomatiki. |
awali | Huweka thamani ya mali kwa thamani chaguomsingi. |
kurithi | Hurithi thamani ya mali kutoka kwa kipengele kikuu. |
Sintaksia
Vistawishi: hakuna; hyphens: mwongozo; hyphens: otomatiki; hyphens: kurithi; hyphens: mwanzo;
4.4. Kufurika kwa block block: kufurika-kufunika/kufunika neno
Sifa ya kukunja-furika (au ufungaji wa neno lililoacha kutumika) hubainisha kama mstari usiokatika unaweza kuvunjwa katika sehemu ambazo hazijatatuliwa ili kuzuia kizuizi cha mstari kufurika. Inafanya kazi wakati mali ya nafasi nyeupe inaruhusu kufunika.
Mali ni ya kurithi.
kufurika-funga, neno-funga | |
---|---|
Maadili: | |
kawaida | Mistari isiyokatika inaweza tu kukatika katika sehemu za mapumziko zinazoruhusiwa. Thamani chaguomsingi. |
kuvunja neno | |
popote | Msururu wa wahusika ambao haujavunjwa unaweza kuvunjika katika hatua ya kiholela ikiwa hakuna sehemu nyingine za mapumziko zinazokubalika kwenye mstari. Huathiri onyesho la taswira pekee, bila kuathiri maandishi asilia. Hakuna hyphen inayoongezwa kwenye sehemu ya kukatika kwa mstari. Uwezo wa kukunja laini uliopo popote unazingatiwa wakati wa kukokotoa vipimo vyako vya chini vya maudhui. |
awali | Huweka thamani ya mali kwa thamani chaguomsingi. |
kurithi | Hurithi thamani ya mali kutoka kwa kipengele kikuu. |
Sintaksia
Overflow-wrap: kawaida; overflow-wrap: kuvunja-neno; overflow-wrap: popote; kufurika-wrap: kurithi; overflow-wrap: awali;
5. Ulinganifu na uhalalishaji wa mistari
Upangaji wa mstari na uhalalishaji hudhibiti jinsi yaliyomo ndani ya mstari yanasambazwa ndani ya kizuizi cha mstari.
5.1. Njia fupi ya upatanishaji wa maandishi: sifa ya kupanga maandishi
Kizuizi cha maandishi ni mkusanyiko wa vizuizi vya mstari. Sifa ya kupanga maandishi hubainisha sifa za upatanishaji-maandishi-yote na upatanishaji-maandishi-mwisho na hufafanua jinsi visanduku vya kiwango cha mstari katika kila kisanduku cha mstari zinavyopangiliwa kuhusiana na pande za mwanzo na mwisho za kisanduku cha mstari. Thamani mbali na kuhalalisha-yote au mzazi-zinazolingana zimepewa kulandanisha maandishi-yote na kuweka upya kiotomatiki katika upangaji wa maandishi-mwisho .
Mali ni ya kurithi.
panga maandishi | |
---|---|
Maadili: | |
kuanza | Maudhui ya kiwango cha mstari yamepangwa kwa ukingo wa mbele wa kisanduku cha mstari. Thamani chaguomsingi. |
mwisho | Maudhui ya kiwango cha mstari yamepangwa kwa ukingo wa nyuma wa kisanduku cha mstari. |
kushoto | Maudhui ya kiwango cha mstari yamepangwa kwenye ukingo wa kushoto wa mstari wa kuzuia mstari. Katika mifumo ya kuandika wima, hii itakuwa juu au chini ya kimwili, kulingana na mwelekeo wa maandishi. |
haki | Maudhui ya kiwango cha mstari yamepangwa kwenye ukingo wa kulia wa mstari wa kuzuia mstari. Katika mifumo ya kuandika wima, hii itakuwa juu au chini ya kimwili, kulingana na mwelekeo wa maandishi. |
kituo | Maudhui ya kiwango cha mstari yamewekwa katikati ndani ya kisanduku cha mstari. |
kuhalalisha | Maandishi yamepangiliwa kwa upana wa kisanduku cha mstari ili kujaza ukingo wa mstari kwa usahihi, ukibonyeza kingo za kushoto na kulia za kipengee kikuu. Isipokuwa ikiwa imebainishwa vinginevyo katika text-align-last , mstari wa mwisho kabla ya mapumziko ya kulazimishwa au mwisho wa kizuizi hupangwa hadi mwanzo. Nafasi kati ya maneno na herufi zinasambazwa ili urefu wa mistari yote iwe sawa. Vivinjari tofauti vinaweza kuongeza ujongezaji kati ya maneno na nafasi kati ya herufi. |
kuhalalisha-yote | Huweka maandishi-align-all na text-align-last ili kuhalalisha , pia inapanga mstari wa mwisho. |
mechi-mzazi | Thamani inatenda sawa na kurithi isipokuwa kwamba thamani iliyorithiwa ya mwanzo au mwisho inatafsiriwa kulingana na thamani ya mwelekeo (au kizuizi asili kilicho na kizuizi ikiwa hakuna mzazi) na kusababisha thamani iliyokokotwa ya left au right . |
kurithi | Hurithi thamani ya mali kutoka kwa kipengele kikuu. |
Sintaksia
Pangilia maandishi: anza; maandishi-align: mwisho; panga maandishi: kushoto; panga maandishi: kulia; panga maandishi: katikati; panga maandishi: thibitisha; panga maandishi: kuhalalisha-yote; panga maandishi: mechi-mzazi; maandishi-align: kurithi;
5.2. Upangaji chaguo-msingi wa maandishi: upangaji wa maandishi-yote sifa
Sifa ya align-all-makala ni toleo la mkato la sifa ya kupanga maandishi ambayo inabainisha upatanishi wa mistari yote ya maudhui kwenye chombo cha kuzuia, isipokuwa mistari ya mwisho, ambayo imebatilishwa na text-align-last . Hukubali maadili kuanza , mwisho , kushoto , kulia , katikati , kuhalalisha na mechi-mzazi .
Mali ni ya kurithi.
Sintaksia
Pangilia maandishi-yote: anza; maandishi-align-wote: mwisho; panga maandishi-yote: kushoto; maandishi-align-yote: kulia; maandishi-align-wote: katikati; linganisha maandishi-yote: thibitisha; linganisha maandishi-yote: mechi-mzazi; maandishi-align-yote: kurithi;
5.3. Upangaji wa mstari wa mwisho: maandishi-align-mwisho mali
Sifa ya kupanga maandishi-mwisho inaeleza jinsi mstari wa mwisho wa kizuizi au mstari unavyopangwa kabla tu ya kukatika kwa mstari wa kulazimishwa.
Ikiwekwa kuwa otomatiki, maudhui katika safu mlalo inayolingana yanapangiliwa kwa text-align-all , isipokuwa text-align-all imewekwa ili kuhalalisha , ambapo itapangiliwa mwanzoni mwa kizuizi. Thamani zingine zote zinafasiriwa kama ilivyofafanuliwa kwa upatanishi wa maandishi .
Hukubali maadili kiotomatiki , anza , mwisho , kushoto , kulia , katikati , thibitisha na linganisha mzazi .
Mali ni ya kurithi.
Sintaksia
Pangilia maandishi-mwisho: otomatiki; maandishi-align-mwisho: kuanza; maandishi-align-mwisho: mwisho; panga maandishi-mwisho: kushoto; maandishi-align-mwisho: kulia; maandishi-align-mwisho: katikati; maandishi-align-mwisho: kuhalalisha; maandishi-align-mwisho: mechi-mzazi;
6. Mapungufu
CSS hukuruhusu kudhibiti nafasi kati ya maneno na herufi za uchapaji kwa kutumia sifa za kuweka nafasi kwa maneno na kuweka nafasi kwa herufi.
6.1. Nafasi kati ya maneno: sifa ya nafasi ya maneno
Sifa ya kuweka nafasi ya maneno hubainisha nafasi ya ziada kati ya maneno.
Huweka nafasi kati ya maneno. Maadili chanya na hasi yanaweza kutumika. Kwa maana hasi, maneno yanaweza kuingiliana.
Thamani ya nafasi ya maneno huathiriwa na thamani ya sifa ya upatanishaji maandishi katika kesi ya maandishi yaliyothibitishwa.
Mali ni ya kurithi.
Sintaksia
Nafasi ya maneno: kawaida; nafasi ya maneno: 1px; nafasi ya maneno: 0.2em; nafasi ya maneno: 50%; nafasi ya maneno: kurithi; nafasi ya maneno: mwanzo;
6.2. Ufuatiliaji: mali ya nafasi ya barua
Sifa ya kuweka nafasi kwa herufi hubainisha nafasi ya ziada, au ufuatiliaji, kati ya herufi za uchapaji zilizo karibu. Nafasi ya herufi ni kijalizo na nafasi ya maneno. Kulingana na sheria za upatanishi zinazotumika, mawakala wa watumiaji wanaweza kuongeza au kupunguza zaidi nafasi kati ya vitengo vya herufi za uchapaji ili kupanga maandishi.
Mali ni ya kurithi.
Sintaksia
Nafasi ya barua: kawaida; nafasi ya barua: 0.1em; nafasi ya barua: 2px; barua-nafasi: kurithi; nafasi ya barua: mwanzo;
7. Ujongezaji wa mstari wa kwanza: sifa ya kujongeza maandishi
Sifa ya kujongeza maandishi hubainisha ujongezaji unaotumika kwa mistari ya maudhui ya ndani ndani ya kizuizi. Pedi inachukuliwa kama ukingo unaotumika kwenye ukingo wa kuanzia wa kisanduku cha mstari.
Ikiwa kuna picha kwenye mstari wa kwanza wa kipengele cha kuzuia, itasonga pamoja na maandishi mengine.
Mali ni ya kurithi.
Sintaksia
Uingizaji wa maandishi: 5mm; ujongezaji maandishi: 20px; Nakala-indent: 5%; ujongezaji maandishi: 2em kila mstari; Nakala-indent: 2em kunyongwa; Nakala-indent: kurithi; Nakala-indent: awali;
Halo, wasomaji wapendwa wa tovuti ya blogi. Leo tunaendelea kujifunza na ijayo tuna sifa za upambaji wa maandishi, usawazishaji-wima, upangaji wa maandishi, ujongezaji maandishi na idadi nyingine, ambayo husaidia kuunda mwonekano wa maandishi katika msimbo wa Html.
Katika makala iliyopita tuliangalia sifa ambazo zimekusudiwa kubinafsisha mwonekano wa fonti wakati .
Naam, hata mapema tuliangalia aina zote kwa undani, tulijifunza jinsi wanaweza kuunganishwa na ni vipaumbele gani kivinjari huweka wakati wa kutafsiri. Ukweli, haya yote yaligawanywa katika vifungu kadhaa, kwa hivyo ili usichanganyike, nakushauri usome vifaa kwa mpangilio kama ulivyopewa.
Upambaji wa maandishi, panga maandishi, ujongezaji maandishi katika CSS
Jinsi ya kufanya kazi na maandishi katika Css? Itakuwa ya busara kudhani kuwa kuna sheria maalum iliyoundwa kwa kusudi hili. Wacha tuanze na kupanga maandishi, ambayo kwa kweli ni badala ya sifa ya kupanga (ilitumika kupatanisha yaliyomo kama aya za P au vichwa).
Ina maana nne tu zinazowezekana:
Maana inabaki sawa na hapo awali. Pangilia maandishi- hii ni usawa wa usawa wa mistari. Sheria hii inatumika pekee kwa vipengele vya kuzuia (aya, vichwa, nk), i.e. vitambulisho ambavyo mistari kadhaa inaweza kuonekana. Kwa sababu Kwa kuwa vipengee vya ndani vinaweza kuwa na mstari mmoja tu, hakuna uhakika fulani katika kutumia upatanishi wa maandishi ndani yake.
Ni wazi kuwa maadili ya sheria hii yanamaanisha usawa, mtawaliwa: kushoto, kulia, katikati na upana wa ukurasa (Sahihisha - wakati huo huo kushoto na kulia kwa kuongeza umbali kati ya maneno) . Inaenda bila kusema kwamba thamani ya Kuhalalisha inapaswa kutumika kwa vipengele vilivyo na angalau mistari kadhaa ya maandishi, vinginevyo hakutakuwa na athari inayoonekana.
Kwa mfano, nilihalalisha aya iliyotangulia (unaweza kuona ina mipaka laini upande wa kushoto na kulia) kwa kutumia:
Pangilia maandishi:halalisha;
Kwa chaguo-msingi, upangaji wa maandishi ya usawa umesalia, i.e. Hakuna haja ya kuandika hasa text-align:left, isipokuwa, bila shaka, hapo awali umebainisha mpangilio tofauti. Kwa njia, niliunganisha aya hii katikati (katikati), tena kwa mfano wazi, lakini hapa, nadhani, kila kitu ni wazi.
Sheria inayofuata ya Css ujongezaji maandishi hukuruhusu kubainisha mstari mwekundu, kwa mfano, kwa maandishi katika lebo ya aya P. Ujongezaji wa mstari mwekundu unaweza kubainishwa kwa kubainisha thamani (ama kwa ishara ya kuongeza au minus, kwa kutumia ) au kwa kutumia asilimia:
Je, ni asilimia ngapi zinazokokotolewa katika kujongea ndani maandishi? Kutoka kwa upana wa eneo lililotengwa kwa maandishi. Wale. Kanuni ya CSS ya kujongea ndani maandishi:50% itaweka mstari mwekundu sawa na nusu ya urefu wa mstari huu. Kweli, aya hii hutumika kama mfano wa sheria kama hiyo.
Au unaweza, kwa mfano, kuweka thamani hasi kwa mstari mwekundu katika ujongezaji wa maandishi kisha tutapata takriban kile unachokiona katika aya hii. Ili kufikia matokeo haya, niliandika sheria ifuatayo ya CSS kwa lebo ya aya ya P:
Ujongezaji maandishi:-1em;
Kweli, matumizi ya kawaida ya ujongezaji maandishi (kuweka laini nyekundu ya kawaida) inaweza kuonekana kama hii: ujongezaji maandishi:40px; (imetumika kwa aya hii, kwa njia). Sheria hii, kama vile ulinganishaji wa maandishi uliojadiliwa hapo awali, inatumika tu kwa vipengele vya kuzuia, i.e. ambapo mistari kadhaa inaweza kuonekana (aya, vichwa, nk).
Sawa, sasa tuendelee maandishi-mapambo(kubuni kwa kutumia mstari wa usawa), ambayo tayari inatumika kwa vipengele vyote vya Html (wote ndani na kuzuia).
Inaweza kuwa na maana nne tu:
Wale. inaweza kutumika kwa upambaji wa maandishi: juu ya mstari, kupitia mstari au kupigia mstari, au usitumie chochote (hakuna). Vipengee vingine vya HTML tayari vina muundo wa mstari mlalo kwa chaguo-msingi, kwa mfano (zimepigiwa mstari kwa chaguo-msingi).
Kwa hivyo, kuangazia kitu kingine kwa kusisitiza (isipokuwa kwa viungo) sio vizuri, kwa sababu watumiaji wameiandika katika ufahamu wao kwamba mara inapopigwa mstari (na pia kuangaziwa kwa rangi), inamaanisha wanaweza kubofya ili kwenda. Lakini kwa kuangazia maandishi ya kawaida kwa kupigia mstari, unampotosha mtumiaji na hatimaye kukata tamaa na rasilimali yako (alidhani ilikuwa hivyo, lakini ikawa hivyo...).
Nuance katika kutumia sheria ya mapambo ya maandishi ya Css ni kwamba unaweza kuingiza maadili matatu (au mbili) mara moja kwa kipengele chochote cha Html (bila kuacha) na kwa sababu hiyo utapata. kipande cha maandishi kilichopigiwa mstari-kilichopigiwa mstari(inasikika na inaonekana nzuri, sivyo?):
Upambaji wa maandishi:Pigia mstari wa juu mstari kupitia;
Maadili ya mapambo ya maandishi (ikiwa unataka kutumia kadhaa mara moja) yanahitaji kuandikwa kupitia mhusika wa nafasi.
Upangaji-wima - upangaji wa wima
Ifuatayo tuna upatanisho wa wima - panga-wima. Kwa takriban vipengee vyote katika msimbo wa HTML, inamaanisha kuoanisha vipengele vya ndani na maandishi yanayohusiana na msingi wao. Kweli, kwa hili ina maana tofauti kidogo - maudhui yote yaliyo katika seli hizi yataunganishwa kwa wima.
Kwa sheria ya upangaji wima ya CSS, unaweza kutumia maadili yafuatayo:
Mistari imepangiliwa kwa msingi. Angalia, nilituma maombi ongeza saizi ya fonti kwa kipande hiki cha maandishi na vipande hivi viwili vinalingana na mstari wa msingi (chini). Na upangaji wima kwa kutumia upangaji-wima unakusudiwa kwa usahihi kubadilisha jinsi mistari inavyopangwa.
Kwa mfano, nikiandika vertical-align:baseline kwa kipande kimoja cha maandishi kilichopanuliwa, basi hakuna mabadiliko yatatokea, kwa sababu. thamani ya msingi inatumika kwa sheria hii ya CSS kwa chaguo-msingi.
Kwa njia, unaweza pia kutumia nambari kama maadili yake, na uandishi wima-align:0 itamaanisha kitu sawa na vertical-align:baseline, i.e. msingi ni sawa na sifuri. Kwa hivyo, ikiwa tunataka kuonyesha mabadiliko yoyote katika upangaji wa wima, basi mabadiliko haya yatabainishwa kuhusiana na msingi (au sifuri).
Unaweza kuiandika kama hii:
panga-wima:10px;
Na tutapokea sogeza kipande na fonti kubwa juu Pikseli 10 zinazohusiana na msingi. Ikiwa tutaandika thamani hasi:
Pangilia-wima:-10px;
Kisha tunapata badilisha kipande chini kuhusiana na msingi. Kutoka kwa mifano ni wazi kwamba kutokana na mabadiliko, urefu wa mstari uliongezeka ili maandishi yaingie ndani yake bila kugongana na mstari wa karibu. Mabadiliko yanaweza pia kutajwa katika Em na Ex, na kama asilimia, ambayo itahesabiwa kutoka kwa urefu wa mstari wa kipengele hiki (kumbuka katika makala ya mwisho tulijifunza jinsi ya kuiweka kwa kutumia ).
Ili kupangilia kwa wima maudhui ya seli za jedwali, upangaji wima unatakiwa kutumia thamani za Juu na Chini ili kupanga maudhui hadi juu na chini ya seli (vizuri, katikati katika kisanduku cha jedwali hutumika kama thamani chaguomsingi ya upatanishaji wima. )
Na kwa vipengele vya font unaweza kutumia maandishi-juu, maandishi-chini, katikati. Wacha tuitumie kama mfano kipande hiki cha maandishi maana:
panga-wima:katikati;
Matokeo yalikuwa nini? Mstari wa kati wa fragment iliyopanuliwa inafanana na msingi wa maandishi ya kawaida, i.e. tulipata upatanishi wima kwa mstari wa katikati. Kwa maandishi-juu na maandishi-chini kila kitu kitakuwa sawa. Hii ni text-top , na hii ni text-bottom .
Thamani za kipengele cha Css cha kupanga wima na super kinalingana na faharasa ndogo na ya juu iliyofanyika katika Html safi (kabla ya kutumia sifa za CSS kwa muundo wa kuona).
Badilisha maandishi, nafasi ya herufi, nafasi ya maneno na nafasi nyeupe
Hakuna inayotumiwa kwa chaguo-msingi na inamaanisha kuwa herufi kwenye maandishi hazitabadilika kwa njia yoyote - kama ilivyoandikwa katika Html, hivi ndivyo zitakavyoonyeshwa. Thamani ya herufi kubwa ya kubadilisha maandishi itabadilisha herufi zote kwenye kipande hadi herufi kubwa ( mfano umeonyeshwa katika sentensi hii, ambapo kanuni ya kubadilisha maandishi:ya herufi kubwa ilitumiwa, na herufi ziliandikwa kwa herufi ndogo awali).
Thamani ya herufi ndogo ya sheria ya kubadilisha maandishi ya Css itakuruhusu kubadilisha herufi zote kwenye kipande hadi herufi ndogo, na thamani ya herufi kubwa itafanya herufi zote za kwanza za neno kuwa kubwa ( mfano katika sentensi hii-geuza-maandishi:capitalize). Wale. kwa kutumia text-transform unaweza kufanya chochote unachotaka kwa maandishi wazi, na kisha kurudisha kila kitu kwa urahisi.
Kwa hivyo, ikiwa, kwa mfano, una jukumu la kutengeneza vichwa vyote vilivyoandikwa kwa herufi kubwa tu, basi ziandike katika Html kama kawaida, na uzifanye herufi kubwa katika CSS kupitia text-transform:uppercase. Kisha, ukiamua kubadilisha kitu nyuma, unahitaji tu kufanya mabadiliko madogo kwa mitindo, na si kwa maudhui ya vichwa vyote 100,500 kwenye tovuti yako.
Kwa chaguo-msingi, nafasi za herufi na nafasi za maneno zimewekwa kuwa Kawaida, au hii ni sawa na sifuri (yaani, umbali kati ya herufi na maneno haubadiliki kwa njia yoyote). Kiasi cha mabadiliko ya umbali katika sheria hizi kinaweza tu kubainishwa katika pikseli, ama Em au Ex, lakini si kwa asilimia.
Walakini, unaweza kutumia chanya (uchache wa herufi au maneno) na maadili hasi (kuleta herufi au maneno karibu). Kwa mfano, unaweza "Hii ndio jinsi ya kupunguza wahusika katika kifungu hiki" kwa kutumia kanuni ifuatayo ya Css:
Nafasi ya barua: 0.4em;
Au unaweza "hii ndio jinsi ya kuleta alama katika kifungu hiki karibu" kwa kutumia:
Nafasi ya herufi:-1px;
Vile vile vinaweza kusemwa juu ya nafasi ya maneno, na tofauti pekee ni kwamba umbali utabadilika kati ya maneno, kama, kwa mfano, katika kifungu hiki, kwa kutumia muundo huu wa CSS:
Nafasi ya maneno:4em;
Vile vile, unaweza kutumia maadili hasi katika nafasi ya maneno ili kupunguza umbali kati ya maneno.
Kweli, sheria ya mwisho ya CSS ya leo, ambayo hukuruhusu kuunda maandishi katika nambari ya Html kwa njia fulani, ni hii. nafasi nyeupe. Inawajibika kwa kuonyesha herufi za nafasi nyeupe kwenye ukurasa wa wavuti uliotokea wakati wa kuandika msimbo wa Html.
Kama unavyokumbuka kutoka kwa kifungu kuhusu, kivinjari, wakati wa kuchanganua msimbo, huchanganya nafasi zote, mapumziko ya mstari na tabo kwenye nafasi moja, na huvunja mistari kwenye ukurasa wa wavuti kwa usahihi kulingana na herufi za nafasi zilizotokea kwenye nambari.
Kwa hivyo, nafasi nyeupe inaweza kuchukua moja ya maadili matatu:
Ni wazi kuwa dhamana ya chaguo-msingi ni ya Kawaida na katika kesi hii kila kitu kinaonyeshwa kama nilivyoelezea hapo juu. Lakini tunapotumia Thamani ya Kabla, tunapata mlinganisho kamili na kutumia, i.e. Kwenye ukurasa wa wavuti, maandishi yataonyeshwa pamoja na herufi zote za ziada za nafasi nyeupe ambazo zilikuwepo wakati wa kuandika msimbo, na kivinjari hakitaweza tena kufanya uhamisho kwa kuzitumia.
Naam, nini maana? sasa hivi Itazuia tu kivinjari kufunga herufi zozote za nafasi nyeupe inazopata ndani ya kipande kilicho na sheria ya CSS white-space:nowrap. Unaweza kujaribu jinsi yote inavyofanya kazi mwenyewe kwa kuunda faili rahisi ya Html na kuambatanisha maandishi yoyote kwenye vitambulisho kama hivi:
Bahati nzuri kwako! Tuonane hivi karibuni kwenye kurasa za wavuti ya blogi
Unaweza kupendezwa
Mtindo wa orodha (aina, picha, nafasi) - Sheria za Css za kubinafsisha mwonekano wa orodha katika msimbo wa Html
Kuweka kwa kutumia Z-index na sheria ya Mshale wa CSS ili kubadilisha kishale cha kipanya
Padding, Pambizo na Mpaka - weka pedi za ndani na nje katika CSS, na pia mipaka ya pande zote (juu, chini, kushoto, kulia)
CSS ni ya nini, jinsi ya kuunganisha laha za mtindo wa kuteleza kwenye hati ya Html na sintaksia ya msingi ya lugha hii.
Elea na uwazi katika CSS - zana za mpangilio wa kuzuia
CSS - ni nini, jinsi laha za mtindo wa kuteleza zimeunganishwa kwa msimbo wa Html kwa kutumia Mtindo na Kiungo
Vipimo vya vipimo (pixels, Em na Ex) na sheria za urithi katika CSS
Lebo, darasa, kitambulisho na viteuzi vya wote, pamoja na viteuzi vya sifa katika CSS ya kisasa
Msimamo (kabisa, jamaa na fasta) - njia za kuweka vipengele vya Html katika CSS (sheria kushoto, kulia, juu na chini)
Asili katika CSS (rangi, msimamo, picha, kurudia, kiambatisho) - kila kitu kwa kuweka rangi ya mandharinyuma au picha ya mandharinyuma ya vitu vya Html
Lebo za HTML zinazoamua upangaji wa maandishi na ujongezaji
Maandishi yaliyohalalishwa yanayotumika katika uchapaji
Mfano hapa chini unaonyesha jinsi ya kusawazisha maandishi kwa upana kurasa:
align="kushoto" | align="kulia" |
---|---|
Idadi ya wafanyikazi walioajiriwa katika sekta ya huduma na usambazaji wa habari inakua kila siku. Ikiwa alama za karne zilizopita zilikuwa shamba na kiwanda, basi ishara ya karne ya 21 ya sasa ni ofisi iliyo na kompyuta zinazopata mtiririko wa habari. |
|
align="justify" | align="katikati" |
Idadi ya wafanyikazi walioajiriwa katika sekta ya huduma na usambazaji wa habari inakua kila siku. Ikiwa alama za karne zilizopita zilikuwa shamba na kiwanda, basi ishara ya karne ya 21 ya sasa ni ofisi iliyo na kompyuta zinazopata mtiririko wa habari. |
Idadi ya wafanyikazi walioajiriwa katika sekta ya huduma na usambazaji wa habari inakua kila siku. Ikiwa alama za karne zilizopita zilikuwa shamba na kiwanda, basi ishara ya karne ya 21 ya sasa ni ofisi iliyo na kompyuta zinazopata mtiririko wa habari. |
Thamani ya kuhalalisha inahakikisha sare panga maandishi kulia na kushoto, hiyo ni kwa upana. Njia hii hutumiwa sana katika uchapishaji.
Kupanga maandishi katika HTML hadi katikati na upana
Pangilia maandishi katika HTML yakiwa katikati, maandishi kulia:
Matokeo:
Sifa na maadili
- align = "kushoto" - inafafanua upangaji wa maandishi wa kushoto(chaguo-msingi).
- align = "katikati" - hupanga maandishi katikati.
- align = "kulia" - hupanga maandishi kulia.
Panga | Ujongezaji wa maandishi ya HTML
Maandishi ya HTML na ujongezaji wake kwenye upande wa kushoto wa ukurasa
Tutazalisha ujongezaji wa maandishi upande wa kushoto kwa njia mbili:
Matokeo:
Tazama kwenye dirisha jipya.
Huweka mpangilio wa mstari wa mwisho wa safu ya maandishi.
habari fupi
Uteuzi
Maelezo | Mfano | |
---|---|---|
<тип> | Inaonyesha aina ya thamani. | <размер> |
A && B | Thamani lazima zitolewe kwa mpangilio uliobainishwa. | <размер> && <цвет> |
A | B | Inaonyesha kuwa unahitaji kuchagua thamani moja tu kutoka kwa zilizopendekezwa (A au B). | kawaida | kofia ndogo |
A | B | Kila thamani inaweza kutumika kwa kujitegemea au pamoja na wengine kwa utaratibu wowote. | upana || hesabu |
Vikundi vya maadili. | [ mazao || msalaba] | |
* | Rudia sifuri au mara zaidi. | [,<время>]* |
+ | Rudia mara moja au zaidi. | <число>+ |
? | Aina, neno au kikundi kilichobainishwa ni cha hiari. | ndani? |
(A, B) | Rudia angalau A, lakini si zaidi ya mara B. | <радиус>{1,4} |
# | Rudia mara moja au zaidi zikitenganishwa na koma. | <время># |
Maadili
otomatiki Inalingana na mpangilio uliobainishwa na sifa ya kupanga maandishi, isipokuwa kwa thamani ya kuhalalisha. Kwa ajili yake, mpangilio utakuwa kama start . kuanza Mstari umewekwa kwenye makali ya kuanzia ya block, ambayo inaweza kubadilika kulingana na mwelekeo wa maandishi (kushoto kwenda kulia au kulia kwenda kushoto). mwisho Mstari umewekwa kwenye makali ya mwisho ya block, ambayo imedhamiriwa na mwelekeo wa maandishi. kushoto Mstari umewekwa upande wa kushoto. kulia Mstari umewekwa kwa kulia. katikati Mstari umewekwa katikati. kuhalalisha Mstari unahesabiwa haki. Ikiwa kuna neno moja tu kwenye mstari wa mwisho, litaachwa likiwa limepangiliwa.
Athari za maadili tofauti kwenye nafasi ya maandishi huonyeshwa kwenye jedwali. 1.
Maana | Mpangilio | Aina ya maandishi |
---|---|---|
kushoto | Kushoto | |
haki | Haki | |
kituo | Iliyowekwa katikati | |
kuhalalisha | Upana |
Sanduku la mchanga
Winnie the Pooh siku zote hakuwa akichukia kiburudisho kidogo, haswa saa kumi na moja asubuhi, kwa sababu wakati huo kifungua kinywa kilikuwa kimeisha kwa muda mrefu, na chakula cha mchana kilikuwa bado hakijaanza. Na, bila shaka, alifurahi sana kuona kwamba Sungura alikuwa akichukua vikombe na sahani.
div ( align-text-last: start ;)
Mfano
Mfano wa kitu
Kitu.style.textAlignLast
Kumbuka
Internet Explorer na Edge hazitumii thamani za kuanza na kumalizia.
Firefox kabla ya toleo la 49 inasaidia -moz-text-align-last mali.
Vipimo
Kila vipimo hupitia hatua kadhaa za uidhinishaji.
- Pendekezo - Vipimo vimeidhinishwa na W3C na inapendekezwa kama kiwango.
- Pendekezo la Mgombea ( Pendekezo linalowezekana) - Kikundi kinachohusika na kiwango kinaridhika kuwa kinafikia malengo yake, lakini kinahitaji usaidizi kutoka kwa jumuiya ya maendeleo ili kutekeleza kiwango.
- Pendekezo lililopendekezwa Pendekezo Lililopendekezwa) - katika hatua hii hati inawasilishwa kwa Baraza la Ushauri la W3C kwa idhini ya mwisho.
- Rasimu Inayofanyakazi - Toleo lililokomaa zaidi la rasimu ambayo imejadiliwa na kurekebishwa kwa ukaguzi wa jumuiya.
- Rasimu ya mhariri ( Rasimu ya uhariri) - toleo la rasimu ya kiwango baada ya mabadiliko kufanywa na wahariri wa mradi.
- Rasimu ( Vipimo vya rasimu) - toleo la kwanza la rasimu ya kiwango.
CSS | Internet Explorer | Chrome | Opera | Safari | Firefox | Android | iOS | |
2.1 | 6.0+ | 8.0+ | 1.0+ | 3.5+ | 1.0+ | 1.0+ | 1.0+ | 1.0+ |
3 | 2.0+ | 11.6+ | 3.1+ | 3.6+ | 2.1+ | 2.0+ |
habari fupi
Matoleo ya CSS
Maadili
katikati Hupanga maandishi katikati. Maandishi yamewekwa kwa usawa kwenye dirisha la kivinjari au chombo ambapo kizuizi cha maandishi iko. Mistari ya maandishi inaonekana kuunganishwa kwenye mhimili usioonekana ambao unapita katikati ya ukurasa wa wavuti. Mbinu hii ya upangaji inatumika kikamilifu katika vichwa na sahihi mbalimbali, kama vile manukuu; inatoa mwonekano rasmi na thabiti kwa muundo wa maandishi. Katika visa vingine vyote, upatanishi wa katikati hautumiwi sana kwa sababu ni ngumu kusoma maandishi kama haya. kuhalalisha Kuhesabiwa haki, ambayo ina maana ya kuunganishwa kushoto na kulia kwa wakati mmoja. Ili kufanya kitendo hiki, kivinjari katika kesi hii huongeza nafasi kati ya maneno. kushoto Hupanga maandishi upande wa kushoto. Katika kesi hii, mistari ya maandishi imeunganishwa upande wa kushoto, na makali ya kulia yanapangwa kama ngazi. Njia hii ya upatanishi ndiyo inayojulikana zaidi kwenye tovuti, kwani inaruhusu mtumiaji kutafuta kwa urahisi mstari mpya na kusoma kwa urahisi maandishi makubwa. kulia Hupanga maandishi kulia. Mbinu hii ya upatanishi hufanya kama mpinzani wa aina ya awali. Yaani, mistari ya maandishi imeunganishwa kwa ukingo wa kulia, wakati wa kushoto unabaki "kupasuka". Kwa sababu ukingo wa kushoto haujapangiliwa, ambapo mistari mipya inasomwa, maandishi haya ni ngumu zaidi kusoma kuliko ikiwa yaliachwa ikiwa yamepangwa. Kwa hivyo, upangaji wa kulia kawaida hutumiwa kwa vichwa vifupi vya si zaidi ya mistari mitatu. Hatuzingatii tovuti maalum ambapo maandishi yanapaswa kusomwa kutoka kulia kwenda kushoto, ambapo labda njia sawa ya upangaji itakuwa muhimu. auto Haibadilishi nafasi ya kipengele. kurithi Hurithi thamani ya mzazi. anza Sawa na kushoto ikiwa maandishi yanatoka kushoto kwenda kulia na kulia wakati maandishi yanapotoka kulia kwenda kushoto. mwisho Sawa na kulia ikiwa maandishi yanatoka kushoto kwenda kulia na kushoto wakati maandishi yanapotoka kulia kwenda kushoto.HTML5 CSS2.1 IE Cr Op Sa Fx
Matokeo ya mfano huu yanaonyeshwa kwenye Mtini. 1.
Mchele. 1. Pangilia maandishi katika kivinjari cha Safari
Internet Explorer hadi toleo la 7.0 linalojumuisha hutafsiri mfano huu kwa njia tofauti na vivinjari vingine, ikilinganisha sio maandishi tu, bali pia vizuizi (Mchoro 2).
Mchele. 2. Upangaji wa maandishi katika Internet Explorer 7
Mfano wa kitu
document.getElementById("elementID ").style.textAlign
Vivinjari
IE hadi na ikiwa ni pamoja na toleo la 7.0 inalinganisha si tu yaliyomo ya kipengele cha kuzuia, lakini pia kipengele yenyewe.