Computer >> Máy Tính >  >> Lập trình >> HTML

Thụt lề HTML

Thuộc tính tạo kiểu nội dòng HTML, được gọi là thuộc tính thụt lề văn bản, thụt lề mỗi đoạn văn bản giống như bạn sẽ thụt lề dòng đầu tiên của đoạn khi viết báo.

Trình chỉnh sửa mã hiển thị cách tạo thụt lề văn bản theo pixel (px):

<!DOCTYPE html>
<html lang="en">
   <head>
       <meta charset="UTF-8" />
       <meta name="viewport" content="width=device-width, initial-scale=1.0" />
       <title>Text Indent HTML</title>
   </head>
<body>
       <p style="text-indent: 25px;">
           Baseball ipsum dolor sit amet passed ball outs, sweep stretch bleeder triple play. Left fielder count fair swing cork balk ball. Full count southpaw reliever lineup crooked number fastball second base. Perfect game outfielder rally force dodgers right fielder dead ball era right field. Pickoff world series peanuts batting average cup of coffee foul inside robbed. Bleeder club appeal first base sidearm mustard steal line drive inning.
       </p>
         
          
       <p style="text-indent: 25px;">
           Sidearm bullpen base on balls national pastime losses reliever umpire pull dribbler. Manager 4-bagger tag national pastime pennant good eye relief pitcher. Save on-base percentage fan ejection baseball card skipper reliever strikeout bench. On-base percentage fenway contact win warning track, ball rhubarb center field. Starting pitcher hey batter out cellar cardinals basehit double switch. Play hey batter tigers sidearm in the hole shortstop no decision.
 
       </p>
       <p style="text-indent: 25px;">
 
           Off-speed petey pinch hitter astroturf walk off no decision count full count wrigley. Hack cheese helmet tossed gap run red sox. Fall classic in the hole ejection rotation rally center field shift. Manager pickoff knuckleball assist pinch runner pitchout stretch. Steal hardball extra innings alley rubber off-speed flyout third base. Baseline butcher boy umpire left field hitter, catcher win right field can of corn.
          
       </p>
   </body>

Ví dụ này hiển thị cho bạn một đơn vị độ dài tuyệt đối được gọi là pixel (px) . Bạn cũng có thể thể hiện thụt lề trong các đơn vị độ dài tương đối / đáp ứng như em , rem rồi đến % chiều rộng của phần tử / đoạn văn tổng thể.

Thuộc tính này giống với thuộc tính CSS cùng tên. Sự khác biệt duy nhất giữa phiên bản này và phiên bản CSS là vị trí đặt quy tắc bộ chọn. Thuộc tính CSS text-indent nằm cùng với các quy tắc CSS khác trong thẻ kiểu trong phần đầu HTML hoặc biểu định kiểu bên ngoài CSS. HTML tương đương được viết như một kiểu nội tuyến trong đánh dấu thực tế của bạn.