Bulugh al-Maram - Sunnah.com - Sayings and Teachings of Prophet Muhammad (صلى الله عليه و سلم)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" translate="no"> <head>  <script async src="https://www.googletagmanager.com/gtag/js?id=G-PD11DFYVJC"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-PD11DFYVJC'); </script> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="Content-Language" content="EN"/> <meta name="description" content="Hadith of the Prophet Muhammad (saws) in English and Arabic"/> <meta name="keywords" content="hadith, hadeeth, sunnah, bukhari, muslim, sahih, sunan, tirmidhi, nawawi, holy, arabic, iman, islam, Allah, book, english"/> <meta name="Charset" content="UTF-8"/> <meta name="Distribution" content="Global"/> <meta name="Rating" content="General"/> <meta property="og:image" content="https://sunnah.com/images/hadith_icon2_huge.png" /> <meta name="csrf-param" content="_csrf_frontend"> <meta name="csrf-token" content="LoK9b4WGYs6zbAyM7Xxr51DKJoU3rchJUwFpgj9vjPlByvgcwsdTn4QKR7WkJjiUOqVtzAbUg3ojdgDsEir2jQ=="> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link href="/css/all.css?ver=1740090702" media="screen" rel="stylesheet" type="text/css" /> <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png"> <link rel="icon" type="image/png" sizes="128x128" href="/favicon-128x128.png"> <link rel="image_src" href="/images/hadith_icon2.png" /> <link rel="apple-touch-icon" href="/images/apple-touch-icon.png" /> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css"> <link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/themes/base/jquery-ui.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script> <script src="/js/jquery.cookie.js"></script>  <script> </script> <script src="/js/sunnah.js?ver=1728262226"></script>  <title> Bulugh al-Maram - Sunnah.com - Sayings and Teachings of Prophet Muhammad (صلى الله عليه و سلم) </title> </head> <body> <div id="fb-root"></div> <div id="site"> <div id="header"> <div id="toolbar"> <div id="toolbarRight"> <a href="https://quran.com">Qur'an</a> | <a href="https://sunnah.com"><b>Sunnah</b></a> | <a href="https://salah.com">Prayer Times</a> | <a href="https://quranicaudio.com">Audio</a> <div id="toggle-theme-btn"> <img id="sun_theme_toogle_btn" src="/images/sun_icon.svg" alt="toggle Light Thme" /> <img id="moon_theme_toggle_btn" src="/images/moon_icon.svg" alt="toggle Dark Thme" /> </div> <script> const sun = document.getElementById("sun_theme_toogle_btn"); const moon = document.getElementById("moon_theme_toggle_btn"); const toggleThemeButtons = (theme) => { if (theme == 'light') { sun.style.display = "none"; moon.style.display = "block"; } else if (theme == 'dark'){ sun.style.display = "block"; moon.style.display = "none"; } }; const updateTheme = (theme) => { toggleThemeButtons(theme); document.body.setAttribute('data-theme', theme); localStorage.setItem('theme', theme); }; const initializeTheme = () => { const savedTheme = localStorage.getItem("theme"); const preferredColorScheme = window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light'; if(savedTheme) updateTheme(savedTheme); else if(preferredColorScheme) updateTheme(preferredColorScheme); else updateTheme('light'); }; sun.addEventListener("click", () => updateTheme("light")); moon.addEventListener("click", () => updateTheme("dark")); initializeTheme(); </script> </div> </div> <a href="https://sunnah.com"><div id="banner" class=bannerTop></div></a>  <div id="search"> <div class="search-container"> <div id="searchbar"> <form name="searchform" action="/search/" method="get" id="searchform"> <input type="text" class="searchquery" name="q" placeholder="Search …" /> <input type="submit" class="searchsubmit search-btn" value="l" /> </form> </div> <button type="button" id="filterBtn" class="custom-btn"> <span class="custom-btn-content filter-icn"> <i class="fa-solid fa-sliders"></i> </span> </button> <button type="button" id="filterBtn" class="custom-btn searchtipslink"> <span class="custom-btn-content tips-icn"> <i class="fa-solid fa-lightbulb"></i> </span> </button> </div>  <div id="filterModal" class="modal"> <div class="modal-content"> <span class="close">×</span> <h2 class="header">Select Collections</h2> <div id="collectionChips"> <div class="chip" data-value="bukhari">Sahih Bukhari</div> <div class="chip" data-value="muslim">Sahih Muslim</div> <div class="chip" data-value="abudawud">Sunan Abi Dawud</div> <div class="chip" data-value="tirmidhi">Jami' at-Tirmidhi</div> <div class="chip" data-value="nasai">Sunan an-Nasa'i</div> <div class="chip" data-value="ibnmajah">Sunan Ibn Majah</div> </div> <button id="applyFilterBtn" class="apply-btn">Apply</button> </div> </div> <div id="searchtips"> <div class="clear"></div> <b>Quotes</b> e.g. "pledge allegiance"<br> Searches for the whole phrase instead of individual words <p> <b>Wildcards</b> e.g. test*<br> Matches any set of one or more characters. For example test* would result in test, tester, testers, etc. <p> <b>Fuzzy Search</b> e.g. swore~<br> Finds terms that are similar in spelling. For example swore~ would result in swore, snore, score, etc. <p> <b>Term Boosting</b> e.g. pledge^4 hijrah<br> Boosts words with higher relevance. Here, the word <i>pledge</i> will have higher weight than <i>hijrah</i> <p> <b>Boolean Operators</b> e.g. ("pledge allegiance" OR "shelter) AND prayer<br> Create complex phrase and word queries by using Boolean logic. <p> <a href="/searchtips">More ...</a> <div class="clear"></div> </div> </div> <script> document.addEventListener("DOMContentLoaded", function () { const filterBtn = document.getElementById("filterBtn"); const filterModal = document.getElementById("filterModal"); const closeModal = document.querySelector("#filterModal .close"); const applyFilterBtn = document.getElementById("applyFilterBtn"); const chipElements = document.querySelectorAll("#collectionChips .chip"); const searchForm = document.getElementById("searchform"); const filterIcon = document.getElementById("filterIcon"); // Parse URL parameters for collections (PHP style array params) const urlParams = new URLSearchParams(window.location.search); let selectedCollections = []; let index = 0; while (urlParams.has(`collection[${index}]`)) { selectedCollections.push(urlParams.get(`collection[${index}]`)); index++; } // Initialize chip selection based on URL parameters chipElements.forEach(chip => { if (selectedCollections.includes(chip.dataset.value)) { chip.classList.add("selected"); } }); // Open modal filterBtn.addEventListener("click", function () { filterModal.style.display = "block"; }); // Close modal (x) closeModal.addEventListener("click", function () { filterModal.style.display = "none"; }); // Close modal if clicking outside window.addEventListener("click", function (event) { if (event.target === filterModal) { filterModal.style.display = "none"; } }); // Toggle chip selection chipElements.forEach(chip => { chip.addEventListener("click", function () { const value = chip.dataset.value; chip.classList.toggle("selected"); if (chip.classList.contains("selected")) { selectedCollections.push(value); } else { selectedCollections = selectedCollections.filter(col => col !== value); } }); }); function submit(){ const queryInput = document.querySelector(".searchquery").value; let actionUrl = "/search/?q=" + encodeURIComponent(queryInput); selectedCollections.forEach((col, index) => { actionUrl += `&collection[${index}]=${encodeURIComponent(col)}`; }); window.location.href = actionUrl; } // "Apply" button applyFilterBtn.addEventListener("click", function (event) { filterModal.style.display = "none"; submit() event.preventDefault() }); // Intercept search form to include selected collections searchForm.addEventListener("submit", function (event) { submit() event.preventDefault(); }); }); </script> <style> [data-theme="light"] { --secondary-block-bg: #ebebeb; --chip-bg: rgba(0, 0, 0, 0.075); --chip-hover-bg: #dedede; --chip-selected-bg: #3ba08f; --border-color: rgba(0, 0, 0, 0.2); --button-highlight-color: rgba(251, 250, 248, 0.2); --search-icon-color: var(--chip-selected-bg); } [data-theme="dark"] { --secondary-block-bg: #343A40; --chip-bg: rgba(44, 48, 52, .7); --chip-hover-bg: #3d4648; --chip-selected-bg: #3ba08f; --border-color: rgba(255, 255, 255, 0.2); --button-highlight-color: #1c625d; --search-icon-color: #ffffff; } [data-theme="light"] .header{ color: #3d9393; } .clear { clear: both; } /* Search Container Layout */ .search-container { display: flex; gap: 10px; align-items: stretch; } /* Left Column Layout */ .left-column { display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start; } /* Searchbar Layout */ #searchbar { flex: 1; display: flex; align-items: center; } #searchform { display: flex; gap: 10px; width: 100%; } .searchquery { flex: 1; height: 32px; } .searchsubmit { width: 40px; flex-shrink: 0; } .filter-icn::after { content: "Filter"; padding-left: 5px; } .tips-icn::after { content: "Tips"; padding-left: 5px; } .search-btn { background-color: var(--highlight-color); color: var(--search-icon-color); border-top-right-radius: 5px; border-bottom-right-radius: 5px; } .custom-btn { padding: 6px 12px; cursor: pointer; background-color: rgba(0,0,0,0); color: white; border: none; border-radius: 10px; font-family: "Akzidenz Roman", Arial, sans-serif; white-space: nowrap; flex-shrink: 0; } .custom-btn:hover { background-color: var(--button-highlight-color);; } .custom-btn-content { display: flex; align-items: center; justify-content: center; } .apply-btn { padding: 1rem 2rem; cursor: pointer; background-color: var(--chip-selected-bg); color: white; border: none; border-radius: 10px; font-family: "Akzidenz Roman", Arial, sans-serif; white-space: nowrap; flex-shrink: 0; align-self: flex-end; } .apply-btn:hover { background-color: #1c625d; } /* Modal */ .modal { display: none; position: fixed; z-index: 999; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba(0, 0, 0, 0.4); } .modal-content { display: flex; flex-direction: column; background-color: var(--secondary-block-bg); color: var(--primary-text-color); margin: 100px auto; padding: 20px; border: 1px solid var(--border-color); width: 400px; position: relative; border-radius: 8px; } .modal-content .header { padding: 0; margin: 0; } .modal-content .close { position: absolute; top: 10px; right: 10px; color: var(--secondary-text-color); font-size: 24px; font-weight: bold; cursor: pointer; } .modal-content .close:hover { color: var(--primary-text-color); } #collectionChips { margin: 20px 0; flex: 1; } .chip { display: inline-block; padding: 8px 12px; margin: 4px; background-color: var(--chip-bg); color: var(--primary-text-color); border-radius: 16px; cursor: pointer; user-select: none; font-size: 13px; transition: background-color 0.2s ease; } .chip:hover { background-color: va color: white; r(--chip-hover-bg); } .chip.selected { background-color: var(--chip-selected-bg); color: #fff; } /* Responsive Design */ @media screen and (max-width: 760px) { .modal-content { box-sizing: border-box; width: 90vw; margin: 80px auto; } .custom-btn { padding: 6px 8px; } .filter-icn::after { content: ""; } .tips-icn::after { content: ""; } } </style> <div class=clear></div> <div class=crumbs><a href="/">Home</a> » Bulugh al-Maram</div><div class=clear></div> </div> <div class=clear></div> <div id="topspace"></div> <div id="nonheader"> <div class="sidePanelContainer"> <div style="height: 1px;"></div> <div id="sidePanel"> </div> </div> <div class="mainContainer"><div id="main"> <div class=clear></div> <div class="collection_info"> <div class="colindextitle incomplete"> <div class="arabic">بلوغ المرام</div> <div class="english">Bulugh al-Maram</div> <div class=clear></div> </div> <div class=clear></div> </div> <div class="book_titles titles"> <div class="book_title title" id="obi1"> <a href="/bulugh/1"> <div class="book_number title_number">1</div><div class="english english_book_name">The Book of Purification</div><div class="arabic arabic_book_name">كتاب الطهارة</div></a><div class=book_range><div>1</div><div> to </div><div>150</div></div><div class=clear></div></div> <div class="book_title title" id="obi2"> <a href="/bulugh/2"> <div class="book_number title_number">2</div><div class="english english_book_name">The Book of Prayer</div><div class="arabic arabic_book_name">كتاب الصلاة</div></a><div class=clear></div></div> <div class="book_title title" id="obi3"> <a href="/bulugh/3"> <div class="book_number title_number">3</div><div class="english english_book_name">Funerals</div><div class="arabic arabic_book_name">كتاب الجنائز</div></a><div class=book_range><div>532</div><div> to </div><div>597</div></div><div class=clear></div></div> <div class="book_title title" id="obi4"> <a href="/bulugh/4"> <div class="book_number title_number">4</div><div class="english english_book_name">The Book of Zakah</div><div class="arabic arabic_book_name">كتاب الزكاة</div></a><div class=clear></div></div> <div class="book_title title" id="obi5"> <a href="/bulugh/5"> <div class="book_number title_number">5</div><div class="english english_book_name">Fasting</div><div class="arabic arabic_book_name">كتاب الصيام</div></a><div class=clear></div></div> <div class="book_title title" id="obi6"> <a href="/bulugh/6"> <div class="book_number title_number">6</div><div class="english english_book_name">Hajj</div><div class="arabic arabic_book_name">كتاب الحج</div></a><div class=book_range><div>708</div><div> to </div><div>782</div></div><div class=clear></div></div> <div class="book_title title" id="obi7"> <a href="/bulugh/7"> <div class="book_number title_number">7</div><div class="english english_book_name">Business Transactions</div><div class="arabic arabic_book_name">كتاب البيوع</div></a><div class=clear></div></div> <div class="book_title title" id="obi8"> <a href="/bulugh/8"> <div class="book_number title_number">8</div><div class="english english_book_name">Marriage</div><div class="arabic arabic_book_name">كتاب النكاح</div></a><div class=clear></div></div> <div class="book_title title" id="obi9"> <a href="/bulugh/9"> <div class="book_number title_number">9</div><div class="english english_book_name">Crimes (Qisas or Retaliation)</div><div class="arabic arabic_book_name">كتاب الجنايات</div></a><div class=clear></div></div> <div class="book_title title" id="obi10"> <a href="/bulugh/10"> <div class="book_number title_number">10</div><div class="english english_book_name">Hudud</div><div class="arabic arabic_book_name">كتاب الحدود</div></a><div class=clear></div></div> <div class="book_title title" id="obi11"> <a href="/bulugh/11"> <div class="book_number title_number">11</div><div class="english english_book_name">Jihad</div><div class="arabic arabic_book_name">كتاب الجهاد</div></a><div class=clear></div></div> <div class="book_title title" id="obi12"> <a href="/bulugh/12"> <div class="book_number title_number">12</div><div class="english english_book_name">Food</div><div class="arabic arabic_book_name">كتاب الأطعمة</div></a><div class=clear></div></div> <div class="book_title title" id="obi13"> <a href="/bulugh/13"> <div class="book_number title_number">13</div><div class="english english_book_name">Oaths and Vows</div><div class="arabic arabic_book_name">كتاب الأيمان والنذور </div></a><div class=book_range><div>1374</div><div> to </div><div>1396</div></div><div class=clear></div></div> <div class="book_title title" id="obi14"> <a href="/bulugh/14"> <div class="book_number title_number">14</div><div class="english english_book_name">Judgments</div><div class="arabic arabic_book_name">كتاب القضاء </div></a><div class=book_range><div>1397</div><div> to </div><div>1432</div></div><div class=clear></div></div> <div class="book_title title" id="obi15"> <a href="/bulugh/15"> <div class="book_number title_number">15</div><div class="english english_book_name">Emancipation</div><div class="arabic arabic_book_name">كتاب العتق</div></a><div class=clear></div></div> <div class="book_title title" id="obi16"> <a href="/bulugh/16"> <div class="book_number title_number">16</div><div class="english english_book_name">The Comprehensive Book</div><div class="arabic arabic_book_name">كتاب الجامع</div></a><div class=clear></div></div> </div> <div class=clear></div> <div class="clear"></div> </div> </div>  <a href="#"><div id=back-to-top></div></a> <div class="clear"></div> </div>  <div class=footer> <a href="/about">About</a> | <a href="/news">News</a> | <a href="/support">Support</a> | <a href="/developers">Developers</a> | <a href="/contact">Contact</a> <div class="sm_links"> <a href="https://www.facebook.com/Sunnahcom-104172848076350" target="_blank"><i class="icn-fb"></i></a> <a href="https://www.instagram.com/_sunnahcom/" target="_blank"><i class="icn-ig"></i></a> <a href="https://twitter.com/SunnahCom" target="_blank"><i class="icn-twitter"></i></a> </div> <div class=clear></div> </div> <script type="text/javascript"> var sc_project=7148282; var sc_invisible=1; var sc_security="63a57073"; </script> <link href="/css/fonts/fontello/css/icn-font.css?ver=1740090702" rel="stylesheet" type="text/css" /> <script type="text/javascript" src="https://www.statcounter.com/counter/counter.js" async></script> <noscript> <div class="statcounter"><a title="Web Analytics" href="https://statcounter.com/" target="_blank"> <img class="statcounter" src="https://c.statcounter.com/7148282/0/63a57073/1/" alt="Web Analytics"></a> </div> </noscript> <div class="clear"></div> </div> </body> </html>

CINXE.COM

Bulugh al-Maram - Sunnah.com - Sayings and Teachings of Prophet Muhammad (صلى الله عليه و سلم)