தாள் ஏமாற்ற: உரை CSS எப்படி ஓர இடம் அதிகரிக்க

இணையதள வளம் அதன் காட்சி முறையீடு பயனர்கள் மூலம் மதிப்பீடு செய்தது. எனவே, கூட பயனுள்ள உரை தகவல் காரணமாக அது மோசமாக வடிவமைக்கப்பட்ட என்று உண்மையை படிக்க முடியாது. முடிவுக்கு - கவனமாக மற்றும் கவனத்துடன் மட்டுமே பக்கங்களை சொற்பொருள் உள்ளடக்கத்திற்கு, ஆனால் அதன் காட்சி வழங்கல் வேண்டிய அவசியம். CSS ஐ தொழில்நுட்பம் வருகையுடன் ஒரு கவர்ச்சியான கட்டுரைகள் உருவாக்கும் சாத்தியம் அதிகரித்துள்ளது. உள்தள்ளலைக் CSS ஐ உரை - பண்புகள், எழுதப்பட்ட உணர்தல் எளிதாக்கும் நோக்கம் ஒன்று.

மார்ஜின் மற்றும் திணிப்பு: வேறுபாடு என்ன?

நீங்கள் உரை வடிவமைக்க தொடங்கும் முன், நீங்கள் என்ன ஓரங்கள் மற்றும் திணிப்பு புரிந்துகொள்ள வேண்டும். பயனர் ஒரே மாதிரியாக இருக்க சில சூழல்களில் இந்த மார்க் கூறுகள் போதிலும், அவர்களுக்கு இடையே அடிப்படை வேறுபாடுகள் உள்ளன:

• துறையில் திணிப்பு சொத்து, வரிசை அமைக்கிறது - விளிம்பு;
• துறையில் உள்ளடக்கங்களை மற்றும் தொகுதி எல்லை, ஒரு விண்வெளிக்கும் இடையே உள்ள ஒரு இடைவெளி தீர்மானிக்கப்படுகிறது - அடுத்த தொகுதிகள் எல்லைகளை இடையே;
• துறையில் அளவு ஒரு உறுப்பு (அகலம் மற்றும் உயரம்) மற்றும் எந்த கருதலாம்.

விளிம்பு சொத்து

எனவே, கிடைமட்ட அல்லது செங்குத்து திணிப்பு CSS ஐ உரை அமைக்க வடிவமைப்பு விளிம்பு பயன்படுத்த. இந்த சொத்து டேக் <ப> பத்தி மாஸ்டர் ஆவணம் பொருந்தும். மிக எளிமையான வழக்கில், இதனை பின்வருமாறு எழுதலாம் முடியும்:

விளிம்பு: 12px.

இந்த வரி அனைத்து பக்கங்களிலும் உரை ஒரு தொகுதி (அல்லது வேறு எந்த அலகு) 12 பிக்சல்கள் பதித்த சுற்றி என்று பொருள். இடைவெளி அதிகரிக்க, எடுத்துக்காட்டாக, மூன்று முறை எழுத போதும்:

விளிம்பு: 36px.

ஆனால் என்ன என்றால் இடைவெளியின் தொகுதிகள் இடையே ஒவ்வொரு பக்கத்திலும் வேறுபட்டு இருக்க வேண்டும்? டெவலப்பர்கள் பதிவுகளை பல வடிவங்களில் பயன்படுத்துகின்றன:

1. விளிம்பு: 11px 22px.
2. விளிம்பு: 11px 22px 33px.
3. விளிம்பு: 11px 22px 33px 44px.

22 பிக்சல்கள் - முதல் உதாரணத்தில், உள்தள்ளலை 11 பிக்சல்கள் தொகுதி கீழ் மற்றும் மேல் எல்லைகளில் இருந்து, தொகுதி பக்கங்களிலும் செய்யப்படுகின்றன. ஒவ்வொரு பக்கத்திலும் 33 பிக்சல் - - மேல் விளிம்பில் மற்றும் உள்ளடக்கம் இடையே ஒரு இரண்டாம் இசைப் பதிவு அலகு படி குறைந்த இடையே, 11 பிக்சல்கள் இருக்கும் 22 பிக்சல்கள். மூன்றாவது வழக்கு CSS ஐ உள்தள்ளலைக் உரை மேலிருந்து 11 பிக்சல்கள், வலது பக்கத்தில் 22 பிக்சல்கள், 33 பிக்சல்கள் மற்றும் கீழே இடது இருந்து 44 பிக்சல்கள் ஒரு மதிப்பு வேண்டும்.

விளிம்பு மேல், விளிம்பு-கீழே: கிடைக்கிறது ஒரு பக்கத்தில் மட்டுமே தொகுதி எல்லை தொலைவு பதிவு செய்யும் திறன் உள்ளது , விளிம்பு இடது, விளிம்பு வலது. ரஷியன் மொழியில் பண்புகள் பெயர்கள் மொழிபெயர்ப்பது, அது அவர்களின் நியமனம் பற்றி யூகிக்க எளிதானது. எடுத்துக்காட்டாக, பின்வரும் நுழைவு வலது உள்தள்ளலானது 22 பிக்சல்களோடு சமமாக இருக்கும் என்பதை குறிக்கிறது:

விளிம்பு வலதுபுறமாக: 22rh.

கருதப்படுகிறது தொகுதி பக்கங்களிலும் சுற்றிலும் மீதமுள்ள தூரம் வரையில் பெற்றோர் உறுப்பு மதிப்பு சமமாக இருக்க வேண்டும்.

மார்ஜின் சொத்து ஒரு டெவலப்பர் செங்குத்தாக CSS ஐ உரை பதித்த பயன்படுத்தும் போது நினைவில் கொள்ள வேண்டும் என்று அம்சங்களை கொண்டுள்ளது. அடுத்தடுத்த உறுப்புகள் இடைவெளிகள் சுருக்கமாக இல்லை, ஒருவருக்கொருவர் விதிக்கப்பட்ட. உதாரணமாக, அலகுகள் ஒன்று வித்தியாசத்தில்-கீழ் இல்லை என்று நினைக்கிறேன்: 15px, மற்றும் அருகாமையில் உள்ள தொகுதி விளிம்பு மேல் கீழே: 35px. பள்ளி கணித மற்றும் பொது அறிவு அவர்களுக்கு இடையே மொத்த இடைவெளி 50 பிக்சல்கள் இருக்கும் என்று ஆணையிடுகிறது. நடைமுறையில் அது அல்ல. சொத்து விளிம்பு «விழுங்குதலுக்கு" அவரது அண்டை பெருமளவு மதிப்பு ஒரு தொகுதி. இதன் விளைவாக, உறுப்புகள் இடையே இடைவெளி 35 பிக்சல்கள்.

"ரெட்" வரி

ஒரு உரை ஆசிரியர் ஆவணத்தை செய்தல், பயனர்கள் "சிவப்பு" வரி ஒவ்வொரு புதிய பத்தி கேட்க விரும்புகின்றனர். பயன்படுத்த உரை உள்தள்ளலைக் வடிவமைப்பு - இடது CSS ஐ உரை உள்தள்ளலைக் பயன்படுத்தி செய்ய எளிதானது. இந்த மாதிரி எழுதி:

உரை உள்தள்ளலைக்: 11px.

அந்த பத்தி முதல் வரி 11 பிக்சல்கள் இடது ஓரம் தொடர்புடைய மாற்றப்படும் உள்ளது. பார்த்து மேலும் ஆசிரியர் ஒரு ஆவணம் போன்ற வலைப்பக்கத்தில் உரை செய்ய, நீங்கள், அதாவது, எழுதவும், கூடுதல் நியாயப்படுத்துவதாக நிறுவ வேண்டும்:

உரை உள்தள்ளலைக்: 11px;

உரை-align: justify.

பிக்சல்கள் கூடுதலாக, மார்க்அப்பிற்கு அலகுகள் பயன்படுத்தி விளக்கத்தில் - அங்குல சதவீதம் கூறுகிறார். அலகு 10% ஒரு CSS உரை குழியைக் கொண்டிருக்கும்போது நாம். 500 பிக்சல்கள் தொகுதி அகலம், சிவப்பு கோடு 50 பிக்சல்கள் (500 10%) இருக்கும் போது.

இந்த சொத்து மதிப்பு சுதந்தரிக்கிறார்கள் காட்சிக்கு இருக்கலாம். இந்தப் பதிவின் அலகு பெற்றோர் அலகு ஒரு ஒத்த சொத்து பயன்படுத்துகிறது என்று கூறுகிறார்.

உரை உள்தள்ளலைக்: சுதந்தரிக்கிறார்கள்.

வியப்பூட்டும் வகையில், உள்தள்ளலை எதிர்மறை மதிப்புகளை எடுக்க முடியும்! இந்த வழக்கில், திட்டங்களும் என்று அழைக்கப்படும் உருவாகின்றன என்று அடிப்படை உரை இடத்தில் இருக்கும் நிலையில், முதல் வரி 22 பிக்சல்கள் இடது மாற்றப்பட்டது உள்ளது:

உரை உள்தள்ளலைக்: -22px.

கடிதங்கள், உலாவியின் இடது கரை மீது நிறைவேற்றப்படவில்லை உரை உள்தள்ளலைக் துறையில் கட்டமைப்புயை வரையறுக்கிறது பயன்படுத்த வேண்டும் கூடுதலாக உள்ளன:

பேட்டிங்கின் இடது: 22px.

உதவி குறிப்புகளைக்

ஐந்து CSS அடிப்படை பண்புகள் உரை வடிவமைப்பு கருதப்படுகின்றன. மற்றும் திருத்தம் அவர்களை உதவி பயிற்சி. இங்கே வலை அபிவிருத்தி கற்றுக்கொண்ட பொருள் எப்படி விண்ணப்பிப்பது என்பதை ஒரு சில இறுதி குறிப்புகள் உள்ளன:

• சிவப்பு வரி மற்றும் உரை உள்தள்ளலை - பல்வேறு கருத்துக்கள், அவர்களுடைய வழிகாட்டுதலுக்காக மட்டுமே பயன்படுத்த வேறுபட்ட பண்புகள்;
• செங்குத்து உள்தள்ளலை விதிகள் கணிதம் விண்ணப்பிக்க வேண்டாம் - இடைவெளியில் ஒன்றுடன் ஒன்று, பெரிய மதிப்பு உறுப்பு "வெற்றி";
• எதிர்மறை உள்தள்ளலை படத்தைக் கொண்டு ஒரு பத்தி முதல் வரி குறிப்பிடப் பயன்படுகிறது.