Thuộc tính blockquote trong CSS

Thẻ <blockquote> sẽ định nghĩa một đoạn văn bản được trích dẫn từ một nguồn khác.

Trình duyệt thường thụt các nội dung nằm trong phần tử <blockquote> vào một đoạn so với lề.

Cách sử dụng thẻ <blockquote>

Ví dụ: Sử dụng thẻ <blockquote>.

Code RUN
<!DOCTYPE html>
<html>
    <head>
    	<title>Học lập trình miễn phí tại freetuts.net</title>
		<meta charset="utf-8">
	</head>
    <body>
    	<h1>Học lập trình miễn phí tại freetuts.net</h1>

    	<h1>freetuts.net</h1>
		<p>Đây là đoạn giới thiệu được trích dẫn từ freetuts.net</p>

		<blockquote cite="https://freetuts.net/gioi-thieu.html">
			Freetuts.net là một blog cá nhân được xây dựng với mục đích chia sẻ kiến thức
			về lập trình web nói chung và lập trình nói riêng. Blog được ra đời vào 
			tháng 4 năm 2014 bởi cá nhân Cường, một lập trình viên tự do và hiện nay 
			đã về quê để sống một cuộc sống tự do, không bị gò bó bởi công nghệ và máy tính.
		</blockquote>
    </body>
</html>

Thuộc tính của thẻ <blockquote>

  • cite - xác định nguồn gốc của đoạn trích dẫn.
  • thẻ còn được cung cấp các thuộc tính Global Attributes in HTML.

Trình duyệt hỗ trợ

  • Chrome
  • Firefox
  • IE
  • Safari
  • Opera

Tham khảo: w3schools.com

 

Nguồn: freetuts.net