ஒரு div இன் உள்ளே நான் எப்படி உரையை (கிடைமட்டமாகவும் செங்குத்தாகவும்) மையப்படுத்துவது

Oru Div In Ulle Nan Eppati Uraiyai Kitaimattamakavum Cenkuttakavum Maiyappatuttuvatu



இணையப் பக்கங்களை வடிவமைக்கும் போது, ​​டெவலப்பர்கள் படங்கள், உரை, அட்டவணைகள் மற்றும் பிறவற்றை உள்ளடக்கிய பல்வேறு கூறுகளைச் சேர்க்கலாம். மேலும், பல CSS பண்புகளைப் பயன்படுத்தி ஒரு div இல் உரையை மையமாக சீரமைக்க முடியும். உரையை கிடைமட்டமாக மையப்படுத்துவதற்கான மிகவும் பிரபலமான முறை ' உரை-சீரமைப்பு ” பண்பு. மேலும், நீங்கள் இதைப் பயன்படுத்தலாம் ' வரி உயரம் 'மற்றும்' செங்குத்து-சீரமைப்பு ” உரையை செங்குத்தாக சீரமைப்பதற்கான பண்புக்கூறுகள்.

இந்த இடுகையில் உரையை செங்குத்தாகவும் கிடைமட்டமாகவும் மையப்படுத்துவதற்கான முறையைக் கூறும்.







ஒரு div இன் உள்ளே உரையை கிடைமட்டமாக மையப்படுத்துவது எப்படி?

ஒரு div க்குள் உரையை கிடைமட்டமாக மையப்படுத்த, கொடுக்கப்பட்ட செயல்முறையைப் பார்க்கவும்.



படி 1: ஒரு div கொள்கலனை உருவாக்கவும்



ஆரம்பத்தில், '' உதவியுடன் ஒரு div கொள்கலனை உருவாக்கவும்

”உறுப்பு. பின்னர், '' ஐ செருகவும் ஐடி 'டிவ் ஓப்பனிங் டேக் உள்ளே உள்ள பண்பு. அதன் பிறகு, div குறிச்சொல்லுக்கு இடையில் சில உரைகளை உட்பொதிக்கவும்:





< div ஐடி = 'உள்ளடக்கத்தை சீரமைத்தல்' >
Linuxhint சிறந்த வலைத்தளங்களில் ஒன்றாகும் க்கான உள்ளடக்க உருவாக்கம்.
div >


வெளியீடு


படி 2: உரையை மையமாக சீரமைக்க div கொள்கலனை அணுகவும்



'இன் உதவியுடன் div கொள்கலனை அணுகவும். ஐடி 'தெரிப்பாளருடன் பண்புக்கூறு பெயர்' # ” மற்றும் பின்வரும் CSS பண்புகளைப் பயன்படுத்தவும்:

#உள்ளடக்கத்தை சீரமை
அகலம்: 80 % ;
விளிம்பு: 0 ஆட்டோ;
திணிப்பு: 20px;
பின்னணி: #c8edf3;
text-align: மையம்;
நிறம்: rgb ( 49 , பதினைந்து , 240 ) ;
}


இங்கே:

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

உருவாக்கப்பட்ட div இன் உள்ளே கிடைமட்டமாக சீரமைக்கப்பட்ட உரையை வெற்றிகரமாக மையப்படுத்தியிருப்பதைக் காணலாம்:

ஒரு div இன் உள்ளே உரையை செங்குத்தாக மையப்படுத்துவது எப்படி?

ஒரு div கொள்கலனுக்குள் உரையை செங்குத்தாக மையப்படுத்த, வழங்கப்பட்ட வழிமுறைகளைப் பின்பற்றவும்.

படி 1: div கொள்கலனை அணுகவும்

முதலில், உருவாக்கப்பட்ட div கொள்கலனை அணுகவும்.

படி 2: CSS பண்புகளை செங்குத்தாக மைய உரைக்கு பயன்படுத்தவும்

பின்னர், கீழே பட்டியலிடப்பட்டுள்ள CSS பண்புகளை ஒரு div இல் செங்குத்தாக உரையை மையப்படுத்தவும்:

#உள்ளடக்கத்தை சீரமை
காட்சி: அட்டவணை-செல்;
அகலம்: 300px;
உயரம்: 150px;
திணிப்பு: 10px;
நிறம்: நீலம்;
பின்னணி நிறம்: rgb ( 248 , 215 , 166 ) ;
எல்லை: 3px கோடு #f09d03;
vertical-align: நடுத்தர;
}


மேலே உள்ள குறியீடு துணுக்கின் படி:

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

வெளியீடு


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

முடிவுரை

ஒரு div இன் உள்ளே உரையை செங்குத்தாகவும் கிடைமட்டமாகவும் மையப்படுத்த, முதலில்,

உறுப்பு உதவியுடன் ஒரு div கொள்கலனை உருவாக்கி, தேர்வாளரைப் பயன்படுத்தி அதை அணுகவும். பின்னர், CSS பண்புகளைப் பயன்படுத்தவும் இதில் ' உரை-சீரமைப்பு 'சொத்து கிடைமட்ட சீரமைப்புக்கு பயன்படுத்தப்படுகிறது, மேலும்' செங்குத்து-சீரமைப்பு ” செங்குத்து சீரமைப்பை அமைக்கிறது. இந்த இடுகை ஒரு div இன் உள்ளே உரையை செங்குத்தாகவும் கிடைமட்டமாகவும் மையப்படுத்துவதற்கான முறைகளை விளக்குகிறது.