ಸಿಎಸ್ಎಸ್ ಬಾಹ್ಯರೇಖೆಗಳು ಕೇವಲ ಗಡಿಗಿಂತ ಹೆಚ್ಚು
ಸಿಎಸ್ಎಸ್ ಔಟ್ಲೈನ್ ಆಸ್ತಿ ಗೊಂದಲಮಯ ಆಸ್ತಿಯಾಗಿದೆ. ಅದರ ಬಗ್ಗೆ ನೀವು ಮೊದಲಿಗೆ ತಿಳಿದುಬಂದಾಗ, ಇದು ಗಡಿ ಆಸ್ತಿಯಿಂದ ಹೇಗೆ ದೂರವಿರುತ್ತದೆ ಎಂಬುದನ್ನು ಅರ್ಥಮಾಡಿಕೊಳ್ಳುವುದು ಕಷ್ಟ. ಡಬ್ಲ್ಯು 3 ಸಿ ಈ ಕೆಳಕಂಡ ವ್ಯತ್ಯಾಸಗಳನ್ನು ಹೊಂದಿದೆ ಎಂದು ವಿವರಿಸುತ್ತದೆ:
- ಬಾಹ್ಯರೇಖೆಗಳು ಜಾಗವನ್ನು ತೆಗೆದುಕೊಳ್ಳುವುದಿಲ್ಲ.
- ಬಾಹ್ಯರೇಖೆಗಳು ಅಖಾಕೃತಿಯಿಲ್ಲದಿರಬಹುದು.
ಬಾಹ್ಯರೇಖೆಗಳು ಬಾಹ್ಯಾಕಾಶವನ್ನು ತೆಗೆದುಕೊಳ್ಳುವುದಿಲ್ಲ
ಈ ಹೇಳಿಕೆಯು ಸ್ವತಃ ಮತ್ತು ಅದರಲ್ಲಿ ಗೊಂದಲಕ್ಕೊಳಗಾಗುತ್ತದೆ. ನಿಮ್ಮ ವೆಬ್ ಪುಟದಲ್ಲಿ ಒಂದು ವಸ್ತುವಿನ ವೆಬ್ ಪುಟದಲ್ಲಿ ಜಾಗವನ್ನು ಹೇಗೆ ತೆಗೆದುಕೊಳ್ಳಬಾರದು? ಆದರೆ ನಿಮ್ಮ ವೆಬ್ ಪುಟವನ್ನು ಈರುಳ್ಳಿಯಂತೆಯೇ ಭಾವಿಸಿದರೆ, ಪುಟದಲ್ಲಿರುವ ಪ್ರತಿ ಐಟಂ ಮತ್ತೊಂದು ಐಟಂನ ಮೇಲಿರುವ ಲೇಯರ್ ಆಗಿರಬಹುದು. ಬಾಹ್ಯರೇಖೆಯ ಆಸ್ತಿ ಜಾಗವನ್ನು ತೆಗೆದುಕೊಳ್ಳುವುದಿಲ್ಲ ಏಕೆಂದರೆ ಅದು ಯಾವಾಗಲೂ ಅಂಶದ ಪೆಟ್ಟಿಗೆಯ ಮೇಲೆ ಇರಿಸಲ್ಪಡುತ್ತದೆ.
ಒಂದು ಅಂಶವನ್ನು ಒಂದು ಅಂಶದ ಸುತ್ತಲೂ ಇರಿಸಿದಾಗ, ಪುಟದಲ್ಲಿ ಆ ಅಂಶವನ್ನು ಹೇಗೆ ಹಾಕಲಾಗುತ್ತದೆ ಎಂಬುದರ ಮೇಲೆ ಅದು ಯಾವುದೇ ಪರಿಣಾಮವನ್ನು ಬೀರುವುದಿಲ್ಲ. ಇದು ಅಂಶದ ಗಾತ್ರ ಅಥವಾ ಸ್ಥಾನವನ್ನು ಬದಲಿಸುವುದಿಲ್ಲ. ನೀವು ಎಲಿಮೆಂಟ್ನಲ್ಲಿ ಔಟ್ಲೈನ್ ಅನ್ನು ಹಾಕಿದರೆ, ಆ ಅಂಶದ ಬಾಹ್ಯರೇಖೆಯನ್ನು ಹೊಂದಿಲ್ಲದಿದ್ದರೆ ಅದು ಒಂದೇ ಸ್ಥಳವನ್ನು ತೆಗೆದುಕೊಳ್ಳುತ್ತದೆ. ಇದು ಗಡಿಗೆ ನಿಜವಲ್ಲ. ಅಂಶದ ಹೊರಗಿನ ಅಗಲ ಮತ್ತು ಅಂಶದ ಎತ್ತರಕ್ಕೆ ಒಂದು ಅಂಶವನ್ನು ಸೇರಿಸಲಾಗುತ್ತದೆ. ಹಾಗಾಗಿ ನಿಮಗೆ 2 ಪಿಕ್ಸೆಲ್ ಗಡಿರೇಖೆಯೊಂದಿಗೆ 50 ಪಿಕ್ಸೆಲ್ ಅಗಲವಿರುವ ಚಿತ್ರವಿದ್ದರೆ , ಅದು 54 ಪಿಕ್ಸೆಲ್ಗಳನ್ನು ತೆಗೆದುಕೊಳ್ಳುತ್ತದೆ (ಪ್ರತಿ ಬದಿಯ ಗಡಿಗಾಗಿ 2 ಪಿಕ್ಸೆಲ್ಗಳು). 2-ಪಿಕ್ಸೆಲ್ ಔಟ್ಲೈನ್ನೊಂದಿಗಿನ ಅದೇ ಚಿತ್ರವು ನಿಮ್ಮ ಪುಟದಲ್ಲಿ 50 ಪಿಕ್ಸೆಲ್ಗಳಷ್ಟು ಅಗಲವನ್ನು ಮಾತ್ರ ತೆಗೆದುಕೊಳ್ಳುತ್ತದೆ, ಚಿತ್ರದ ಹೊರ ಅಂಚಿನಲ್ಲಿ ಔಟ್ಲೈನ್ ಪ್ರದರ್ಶಿಸುತ್ತದೆ.
ಬಾಹ್ಯರೇಖೆಗಳು ಮಾಂಸಾಹಾರಿ-ಆಯತದ ಮೇ ಆಗಿರಬಹುದು
ನೀವು ಯೋಚಿಸುವ ಪ್ರಾರಂಭಿಸುವ ಮೊದಲು "ತಂಪಾದ, ಈಗ ನಾನು ವಲಯಗಳನ್ನು ಸೆಳೆಯಬಹುದು!" ಇನ್ನೊಮ್ಮೆ ಆಲೋಚಿಸು. ಈ ಹೇಳಿಕೆಯು ನಿಮಗೆ ಅನಿಸಿಕೆಗಳಿಗಿಂತ ಬೇರೆ ಅರ್ಥವನ್ನು ಹೊಂದಿದೆ. ನೀವು ಒಂದು ಅಂಶದ ಮೇಲೆ ಗಡಿ ಹಾಕಿದಾಗ, ಬ್ರೌಸರ್ ಒಂದು ದೊಡ್ಡ ಆಯತಾಕಾರದ ಬಾಕ್ಸ್ನಂತೆ ಅಂಶವನ್ನು ಅರ್ಥೈಸುತ್ತದೆ. ಪೆಟ್ಟಿಗೆಯು ಹಲವು ಸಾಲುಗಳ ಮೇಲೆ ವಿಭಜನೆಯಾದರೆ, ಬಾಕ್ಸ್ ಮುಚ್ಚಿಲ್ಲದ ಕಾರಣ ಬ್ರೌಸರ್ ಅಂಚುಗಳನ್ನು ತೆರೆದುಕೊಳ್ಳುತ್ತದೆ. ಅದು ಅನಂತವಾದ ವಿಶಾಲ ಪರದೆಯೊಂದಿಗಿನ ಗಡಿಯನ್ನು ಬ್ರೌಸರ್ ನೋಡುತ್ತಿರುವುದು - ಆ ಅಂಚಿನಲ್ಲಿ ನಿರಂತರವಾದ ಆಯತವಾಗಲು ಸಾಕಷ್ಟು ಅಗಲವಿದೆ.
ಇದಕ್ಕೆ ವಿರುದ್ಧವಾಗಿ, ಔಟ್ಲೈನ್ ಆಸ್ತಿ ಅಂಚುಗಳನ್ನು ಪರಿಗಣನೆಗೆ ತೆಗೆದುಕೊಳ್ಳುತ್ತದೆ. ಒಂದು ಔಟ್ಲೈನ್ ಮಾಡಲಾದ ಅಂಶವು ಹಲವಾರು ಸಾಲುಗಳನ್ನು ವ್ಯಾಪಿಸಿದರೆ, ರೇಖೆಯ ಕೊನೆಯಲ್ಲಿರುವ ಔಟ್ಲೈನ್ ಮುಚ್ಚುತ್ತದೆ ಮತ್ತು ಮುಂದಿನ ಸಾಲಿನಲ್ಲಿ ಮತ್ತೊಮ್ಮೆ ಪುನಃ ತೆರೆಯುತ್ತದೆ. ಸಾಧ್ಯವಾದರೆ, ಬಾಹ್ಯರೇಖೆಯು ಆಯತಾಕಾರದ ಆಕಾರವನ್ನು ರಚಿಸುವುದರ ಜೊತೆಗೆ ಸಂಪೂರ್ಣ ಸಂಪರ್ಕವನ್ನು ಹೊಂದಿರುತ್ತದೆ.
ಔಟ್ಲೈನ್ ಆಸ್ತಿಯ ಉಪಯೋಗಗಳು
ಹುಡುಕಾಟದ ಪದಗಳನ್ನು ಹೈಲೈಟ್ ಮಾಡಲು ಔಟ್ಲೈನ್ ಆಸ್ತಿಯ ಅತ್ಯುತ್ತಮ ಉಪಯೋಗಗಳಲ್ಲಿ ಒಂದಾಗಿದೆ. ಹಲವು ಸೈಟ್ಗಳು ಇದನ್ನು ಹಿನ್ನೆಲೆ ಬಣ್ಣದಿಂದ ಮಾಡುತ್ತವೆ, ಆದರೆ ನೀವು ಔಟ್ಲೈನ್ ಆಸ್ತಿಯನ್ನು ಸಹ ಬಳಸಬಹುದು ಮತ್ತು ನಿಮ್ಮ ಪುಟಗಳಲ್ಲಿ ಯಾವುದೇ ಹೆಚ್ಚಿನ ಅಂತರವನ್ನು ಸೇರಿಸುವ ಬಗ್ಗೆ ಚಿಂತೆ ಮಾಡಬಾರದು.
ಔಟ್ಲೈನ್-ಬಣ್ಣದ ಆಸ್ತಿಯು "ಇನ್ವರ್ಟ್" ಎಂಬ ಪದವನ್ನು ಸ್ವೀಕರಿಸುತ್ತದೆ, ಇದು ಔಟ್ಲೈನ್ ಬಣ್ಣವನ್ನು ಪ್ರಸ್ತುತ ಹಿನ್ನೆಲೆಯ ವಿಲೋಮವನ್ನು ಮಾಡುತ್ತದೆ. ಯಾವ ಬಣ್ಣಗಳನ್ನು ಬಳಸಬೇಕೆಂದು ತಿಳಿಯದೆಯೇ ಕ್ರಿಯಾತ್ಮಕ ವೆಬ್ ಪುಟಗಳಲ್ಲಿ ಅಂಶಗಳನ್ನು ಹೈಲೈಟ್ ಮಾಡಲು ಇದು ನಿಮ್ಮನ್ನು ಅನುಮತಿಸುತ್ತದೆ.
ಸಕ್ರಿಯ ಲಿಂಕ್ಗಳ ಸುತ್ತಲಿರುವ ಚುಕ್ಕೆಗಳ ರೇಖೆಯನ್ನು ತೆಗೆದುಹಾಕಲು ನೀವು ಔಟ್ಲೈನ್ ಆಸ್ತಿಯನ್ನು ಸಹ ಬಳಸಬಹುದು. CSS- ಟ್ರಿಕ್ಸ್ನಿಂದ ಈ ಲೇಖನವು ಚುಕ್ಕೆಗಳ ಔಟ್ಲೈನ್ ಅನ್ನು ಹೇಗೆ ತೆಗೆದುಹಾಕುತ್ತದೆ ಎಂಬುದನ್ನು ತೋರಿಸುತ್ತದೆ.