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

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

பிரேக் பாயிண்ட்கள் மற்றும் மீடியா வினவல்களுடன் பாக்ஸ் டெக்கரேஷன் ப்ரேக்கைப் பயன்படுத்தும் முறையை இந்தக் கட்டுரை விளக்குகிறது.

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

பிரேக் பாயிண்ட்கள் மற்றும் மீடியா வினவல்கள் கொண்ட பாக்ஸ் டெக்கரேஷன் ப்ரேக்கைப் பயன்படுத்த, HTML நிரலில் வெவ்வேறு திரை அளவுகளுக்கு வெவ்வேறு மதிப்புகள் மற்றும் ஸ்டைலிங் ஆகியவற்றை வரையறுக்க வேண்டும். பின்னர், சரிபார்ப்பிற்காக HTML நிரலை இயக்குவதன் மூலம் வலைப்பக்கத்தைப் பார்க்கவும்.

சிறந்த புரிதலுக்கு, கீழே குறிப்பிடப்பட்டுள்ள படிகளைப் பார்க்கவும்:

படி 1: பெட்டி அலங்கார முறிவுடன் பிரேக் பாயிண்ட் மற்றும் மீடியா வினவல்களைப் பயன்படுத்தவும்

ஒரு HTML நிரலை உருவாக்கி, வெவ்வேறு திரை அளவுகளுக்கு வெவ்வேறு மதிப்புகள் மற்றும் ஸ்டைலிங் குறிப்பிடவும். உதாரணமாக, நாங்கள் வரையறுத்துள்ளோம் ' எம்டி 'மற்றும்' lg 'அவர்களின் ஸ்டைலிங்குகளுடன் முறிவு புள்ளிகள்: